.undangan-landing{--egypt-gold:#d4af37;--egypt-gold-light:gold;--egypt-dark:#0d0d1a;--egypt-dark-2:#141428;--egypt-dark-3:#1a1a35;--egypt-bronze:#cd7f32;--egypt-cream:#f5e6cc;--egypt-papyrus:#ede0c8;--egypt-red:#8b2500;--egypt-lapis:#1e3a5f;background:var(--egypt-dark);color:var(--egypt-cream);min-height:100vh;font-family:Georgia,Times New Roman,serif;overflow-x:hidden}.undangan-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0d1ad9;border-bottom:1px solid #d4af3726;justify-content:space-between;align-items:center;padding:14px 40px;display:flex;position:fixed;top:0;left:0;right:0}.undangan-nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.undangan-nav-brand{letter-spacing:4px;color:var(--egypt-gold);font-family:Georgia,serif;font-size:1.2rem;font-weight:700}.undangan-nav-links{align-items:center;gap:28px;display:flex}.undangan-nav-links a{color:var(--egypt-cream);letter-spacing:1px;opacity:.7;font-size:.88rem;text-decoration:none;transition:all .3s}.undangan-nav-links a:hover{opacity:1;color:var(--egypt-gold)}.undangan-nav-cta{border-radius:6px;box-shadow:0 2px 12px #d4af374d;background:linear-gradient(135deg, var(--egypt-gold) 0%, var(--egypt-bronze) 100%)!important;color:var(--egypt-dark)!important;letter-spacing:1.5px!important;opacity:1!important;padding:9px 22px!important;font-size:.85rem!important;font-weight:700!important;transition:all .3s!important}.undangan-nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 20px #d4af3780!important}.egypt-border-svg{opacity:.6;width:100%;height:32px;display:block}.egypt-floating-glyphs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.egypt-glyph{color:var(--egypt-gold);-webkit-user-select:none;user-select:none;animation:linear infinite floatGlyph;position:absolute;top:-40px}@keyframes floatGlyph{0%{opacity:0;transform:translateY(-40px)rotate(0)}10%{opacity:var(--glyph-opacity,.08)}90%{opacity:var(--glyph-opacity,.08)}to{opacity:0;transform:translateY(calc(100vh + 40px))rotate(360deg)}}.undangan-hero{background:radial-gradient(ellipse 60% 40% at 50% 20%, #d4af3714 0%, transparent 70%), radial-gradient(ellipse 80% 50% at 30% 80%, #1e3a5f26 0%, transparent 60%), var(--egypt-dark);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 60px;display:flex;position:relative;overflow:hidden}.undangan-hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 98px,#d4af3708 98px 100px),repeating-linear-gradient(0deg,#0000,#0000 98px,#d4af3708 98px 100px);position:absolute;inset:0}.undangan-hero-content{z-index:2;text-align:center;max-width:720px;margin:0 auto;position:relative}.undangan-hero-badge{letter-spacing:1.5px;color:var(--egypt-gold-light);background:#d4af371a;border:1px solid #d4af3740;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 20px 6px 10px;font-size:.82rem;animation:.8s fadeInUp;display:inline-flex}.undangan-hero-title{color:var(--egypt-cream);margin:0 0 20px;font-family:Georgia,serif;font-size:3.6rem;font-weight:700;line-height:1.15;animation:.8s .15s both fadeInUp}.undangan-hero-accent{background:linear-gradient(135deg, var(--egypt-gold-light), var(--egypt-bronze));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.undangan-hero-desc{color:#f5e6cca6;max-width:520px;margin:0 auto 36px;font-size:1.12rem;line-height:1.7;animation:.8s .3s both fadeInUp}.undangan-hero-actions{justify-content:center;align-items:center;gap:16px;animation:.8s .45s both fadeInUp;display:flex}.undangan-btn-primary{background:linear-gradient(135deg, var(--egypt-gold) 0%, var(--egypt-bronze) 100%);color:var(--egypt-dark);letter-spacing:1px;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 32px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #d4af3759}.undangan-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #d4af3780}.undangan-btn-primary.large{padding:18px 42px;font-size:1.05rem}.undangan-btn-secondary{color:var(--egypt-gold);letter-spacing:1px;background:0 0;border:1.5px solid #d4af3759;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.undangan-btn-secondary:hover{border-color:var(--egypt-gold);background:#d4af371a}.undangan-hero-stats{justify-content:center;align-items:center;gap:32px;margin-top:52px;animation:.8s .6s both fadeInUp;display:flex}.undangan-stat{text-align:center}.undangan-stat-num{color:var(--egypt-gold);letter-spacing:1px;font-size:1.6rem;font-weight:700;display:block}.undangan-stat-label{letter-spacing:2px;color:#f5e6cc73;text-transform:uppercase;margin-top:4px;font-size:.75rem;display:block}.undangan-stat-divider{background:#d4af3733;width:1px;height:36px}.undangan-section-header{text-align:center;margin-bottom:52px}.undangan-section-header h2{color:var(--egypt-cream);letter-spacing:1px;margin:16px 0 10px;font-family:Georgia,serif;font-size:2.2rem}.undangan-section-header p{color:#f5e6cc80;letter-spacing:.5px;font-size:1rem}.undangan-features{background:var(--egypt-dark-2);padding:100px 40px;position:relative}.undangan-features:before{content:"";background:linear-gradient(90deg,#0000,#d4af374d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.undangan-features-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.undangan-feature-card{text-align:center;background:#1a1a3599;border:1px solid #d4af371a;border-radius:14px;padding:36px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s both fadeInUp;position:relative;overflow:hidden}.undangan-feature-card:hover{border-color:#d4af3759;transform:translateY(-6px);box-shadow:0 12px 40px #d4af371f}.undangan-feature-card:hover .undangan-feature-glow{opacity:1}.undangan-feature-icon{margin-bottom:20px}.undangan-feature-card h3{color:var(--egypt-gold);letter-spacing:.5px;margin:0 0 10px;font-family:Georgia,serif;font-size:1.1rem}.undangan-feature-card p{color:#f5e6cc80;margin:0;font-size:.85rem;line-height:1.6}.undangan-feature-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#d4af370f 0%,#0000 50%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.undangan-templates{background:var(--egypt-dark);padding:80px 40px 100px}.undangan-templates-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.undangan-template-card{cursor:pointer;background:var(--egypt-dark-2);border:1px solid #d4af371a;border-radius:14px;transition:all .4s;overflow:hidden}.undangan-template-card:hover,.undangan-template-card.active{border-color:#d4af3766;transform:translateY(-8px);box-shadow:0 16px 48px #d4af3726}.undangan-template-preview{border-bottom:1px solid #d4af371a;justify-content:center;align-items:center;height:240px;padding:20px;display:flex}.undangan-template-mini{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border:1px solid;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:80%;height:85%;padding:12px;display:flex}.undangan-template-mini-ornament{font-size:1.6rem}.undangan-template-mini-names{letter-spacing:2px;font-family:Georgia,serif;font-size:1rem;font-weight:700}.undangan-template-mini-date{letter-spacing:1.5px;font-size:.65rem}.undangan-template-mini-line{width:40px;height:1px;margin:2px 0}.undangan-template-mini-venue{letter-spacing:1px;font-size:.58rem}.undangan-template-info{padding:18px 16px}.undangan-template-colors{gap:6px;margin-bottom:10px;display:flex}.undangan-template-color-dot{border:1.5px solid #ffffff26;border-radius:50%;width:14px;height:14px}.undangan-template-info h3{color:var(--egypt-cream);margin:0 0 4px;font-family:Georgia,serif;font-size:1rem}.undangan-template-info p{color:#f5e6cc66;margin:0;font-size:.78rem}.undangan-steps{background:var(--egypt-dark-2);padding:100px 40px;position:relative}.undangan-steps:before{content:"";background:linear-gradient(90deg,#0000,#d4af374d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.undangan-steps-grid{justify-content:center;gap:40px;max-width:900px;margin:0 auto;display:flex}.undangan-step-card{text-align:center;flex:1;padding:20px;position:relative}.undangan-step-num{filter:drop-shadow(0 0 12px #d4af3766);margin-bottom:18px;font-size:2.6rem;display:block}.undangan-step-connector{display:none}.undangan-step-card h3{color:var(--egypt-gold);margin:0 0 10px;font-family:Georgia,serif;font-size:1.1rem}.undangan-step-card p{color:#f5e6cc80;margin:0;font-size:.85rem;line-height:1.6}.undangan-cta{background:var(--egypt-dark);padding:60px 40px}.undangan-cta-content{text-align:center;max-width:580px;margin:0 auto;padding:60px 24px}.undangan-cta-content h2{color:var(--egypt-cream);margin:20px 0 12px;font-family:Georgia,serif;font-size:2.4rem}.undangan-cta-content p{color:#f5e6cc80;margin-bottom:32px;font-size:1rem}.undangan-footer{background:var(--egypt-dark);border-top:1px solid #d4af371a;padding:32px 40px}.undangan-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;display:flex}.undangan-footer-brand{color:var(--egypt-gold);letter-spacing:3px;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.undangan-footer p{color:#f5e6cc4d;margin:0;font-size:.8rem}.undangan-footer-links{gap:20px;display:flex}.undangan-footer-links a{color:#f5e6cc66;font-size:.8rem;text-decoration:none;transition:color .3s}.undangan-footer-links a:hover{color:var(--egypt-gold)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.undangan-features-grid,.undangan-templates-grid{grid-template-columns:repeat(2,1fr)}.undangan-hero-title{font-size:2.4rem}.undangan-nav{padding:12px 20px}.undangan-nav-links a:not(.undangan-nav-cta){display:none}}@media (max-width:600px){.undangan-features-grid,.undangan-templates-grid{grid-template-columns:1fr}.undangan-steps-grid{flex-direction:column;gap:24px}.undangan-hero{min-height:auto;padding:100px 16px 40px}.undangan-hero-title{font-size:1.9rem}.undangan-hero-desc{font-size:.95rem}.undangan-hero-actions{flex-direction:column}.undangan-hero-stats{flex-direction:column;gap:20px}.undangan-stat-divider{width:40px;height:1px}.undangan-section-header h2{font-size:1.6rem}.undangan-features,.undangan-templates,.undangan-steps{padding:60px 16px}.undangan-cta-content h2{font-size:1.7rem}.undangan-footer-inner{text-align:center;flex-direction:column}.undangan-nav-brand{letter-spacing:2px;font-size:1rem}}.popart-login-page{background-color:#fffdf9;min-height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex;overflow-x:hidden}.popart-login-left{color:#fff;background-color:#ff5a5f;background-image:repeating-linear-gradient(0deg,#0000,#0000 38px,#00000008 38px 40px),repeating-linear-gradient(90deg,#0000,#0000 38px,#00000008 38px 40px);border-right:4.5px solid #111;flex-direction:column;justify-content:space-between;width:52%;padding:60px 50px;display:flex;position:relative}.popart-left-content{flex-direction:column;max-width:580px;height:100%;margin:0 auto;display:flex}.popart-main-logo{letter-spacing:2px;color:#111;background:gold;border:3.5px solid #111;border-radius:8px;align-self:flex-start;margin-bottom:30px;padding:8px 18px;font-size:2.2rem;font-weight:900;box-shadow:4px 4px #111}.popart-main-slogan{color:#fff;text-shadow:2px 2px #111;margin:0 0 16px;font-size:2.5rem;font-weight:900;line-height:1.2}.popart-main-desc{color:#fff2e6;margin-bottom:32px;font-size:1.05rem;line-height:1.6}.popart-cards-container{flex-direction:column;gap:28px;margin-top:20px;display:flex}.popart-individual-card{color:#111;background-color:#fff;border:4.5px solid #111;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:8px 8px #111}.popart-individual-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px #111}.popart-individual-card.red-theme .card-image-panel{background-color:#ff5a5f}.popart-individual-card.yellow-theme .card-image-panel{background-color:gold}.popart-individual-card.green-theme .card-image-panel{background-color:#2ecc71}.popart-individual-card.red-theme .card-price-badge{color:#ff5a5f;background-color:#ffebeb}.popart-individual-card.yellow-theme .card-price-badge{color:#b8860b;background-color:#fffdf9}.popart-individual-card.green-theme .card-price-badge{color:#26a17b;background-color:#e6f9f3}.card-top-header{background-color:#fffdf9;border-bottom:4px solid #111;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.card-tag{letter-spacing:2px;text-transform:uppercase;font-size:.72rem;font-weight:900}.card-price-badge{border:2px solid #111;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:900}.card-main-body{border-bottom:4px solid #111;min-height:180px;display:flex}.card-image-panel{border-right:4px solid #111;justify-content:center;align-items:flex-end;width:32%;padding-top:10px;display:flex;overflow:hidden}.card-avatar-img{object-fit:contain;width:100%;height:100%;display:block}.card-text-panel{background-color:#fff;flex-direction:column;justify-content:center;width:68%;padding:20px 24px;display:flex}.card-text-panel h3{letter-spacing:.5px;margin:0 0 6px;font-family:Georgia,serif;font-size:1.45rem;font-weight:900}.card-sub-slogan{color:#555;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:.85rem;font-weight:900}.card-description{color:#333;margin:0;font-size:.88rem;font-weight:500;line-height:1.5}.card-bottom-bar{background-color:#fffdf9;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.card-barcode{letter-spacing:1px;color:#111;-webkit-user-select:none;user-select:none;font-family:Courier New,Courier,monospace;font-size:.95rem;font-weight:900}.card-code-num{color:#555;font-family:monospace;font-size:.72rem;font-weight:900}.popart-login-right{background-color:#fffdf9;justify-content:center;align-items:center;width:48%;padding:60px 40px;display:flex}.popart-form-container{width:100%;max-width:400px}.popart-card{background:#fff;border:3.5px solid #111;border-radius:16px;overflow:hidden;box-shadow:8px 8px #111}.popart-card-header{background:#fffdf9;border-bottom:3.5px solid #111;align-items:center;gap:8px;height:40px;padding:0 16px;display:flex}.card-dot{border:2px solid #111;border-radius:50%;width:12px;height:12px}.card-dot.red{background-color:#ff5a5f}.card-dot.yellow{background-color:gold}.card-dot.green{background-color:#2ecc71}.card-header-title{letter-spacing:1.5px;color:#111;margin-left:auto;font-size:.75rem;font-weight:900}.popart-card-body{padding:36px 30px}.login-header-section{text-align:center;margin-bottom:28px}.login-title{color:#111;margin:0 0 6px;font-size:2rem;font-weight:900}.login-subtitle{color:#555;margin:0;font-size:.88rem}.login-form{flex-direction:column;gap:20px;display:flex}.login-input-group label{letter-spacing:1px;text-transform:uppercase;color:#111;font-size:.8rem;font-weight:900}.login-input-group input{color:#111;background:#fff;border:3px solid #111;border-radius:10px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:.95rem;transition:border-color .2s,box-shadow .2s;box-shadow:3px 3px #0000001a}.login-input-group input:focus{background:#fffdf9;border-color:gold;box-shadow:4px 4px #111}.input-glyph{color:#111;pointer-events:none;font-size:1.15rem;position:absolute;left:14px}.login-helper-row{justify-content:space-between;align-items:center;font-size:.85rem;font-weight:800;display:flex}.remember-me{cursor:pointer;color:#333;align-items:center;gap:8px;display:flex}.remember-me input{accent-color:gold;border:2px solid #111;width:18px;height:18px}.forgot-link{color:#111;text-decoration:underline}.forgot-link:hover{color:#ff5a5f}.egypt-login-btn{color:#111;letter-spacing:2px;cursor:pointer;background:gold;border:3px solid #111;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:.98rem;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:5px 5px #111}.egypt-login-btn:hover:not(:disabled){background:#ffe033;transform:translate(-1px,-1px);box-shadow:6px 6px #111}.egypt-login-btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:2px 2px #111}.login-hint-box{color:#111;text-align:center;background:#fff;border:3px solid #111;border-radius:10px;margin-top:24px;padding:14px;font-size:.85rem;font-weight:800;box-shadow:4px 4px #111}.login-hint-box p{margin:0}.login-error-alert{color:#d63031;background:#ffebeb;border:2.5px solid #ff4757;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;font-weight:800;display:flex}@media (max-width:991px){.popart-login-page{flex-direction:column}.popart-login-left{border-bottom:4.5px solid #111;border-right:none;width:100%;padding:40px 24px}.popart-login-right{width:100%;padding:40px 24px}}