@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap";:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-secondary: #ec4899;--color-accent: #f59e0b;--color-success: #10b981;--color-bg-dark: #0f0f23;--color-bg-darker: #050510;--color-bg-card: #1a1a2e;--color-bg-card-hover: #252540;--color-text-primary: #ffffff;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-cosmic: linear-gradient(135deg, #4f46e5 0%, #ec4899 50%, #f59e0b 100%);--gradient-dark: linear-gradient(180deg, #0f0f23 0%, #1a1a2e 100%);--spacing-xs: .4rem;--spacing-sm: .8rem;--spacing-md: 1.25rem;--spacing-lg: 1.75rem;--spacing-xl: 2.5rem;--spacing-2xl: 3.5rem;--spacing-3xl: 5rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(99, 102, 241, .5);--shadow-glow-pink: 0 0 20px rgba(236, 72, 153, .5);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--font-primary: "Inter", sans-serif;--font-display: "Playfair Display", serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:90%;scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(245,158,11,.1) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2.5rem,5vw,4rem);background:var(--gradient-cosmic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}.premium-title{font-size:clamp(2.5rem,5vw,4rem)!important;font-family:var(--font-display)!important;font-weight:800!important;margin:10px 0!important;background:linear-gradient(135deg,#fff,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em!important;position:relative;transform:perspective(1000px) rotateX(10deg)}.header-title-wrapper{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:20px}.header-decoration{height:1px;width:60px;background:linear-gradient(90deg,transparent,rgba(129,140,248,.5),transparent);position:relative}.header-decoration:after{content:"✦";position:absolute;top:-10px;color:#818cf8;font-size:14px;animation:twinkle 3s infinite}.header-decoration.left:after{right:-5px}.header-decoration.right:after{left:-5px}.section-badge{display:inline-block;padding:8px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:100px;color:#818cf8;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-subtitle{font-size:1.35rem;color:#94a3b8;max-width:800px;margin:0 auto;font-weight:300;letter-spacing:.5px}.magic-text{color:#fff;font-weight:600;position:relative;white-space:nowrap}.magic-text:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#818cf8,transparent)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}p{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-full);font-family:var(--font-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow)}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow),var(--shadow-lg)}.btn-secondary{background:var(--gradient-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-glow-pink)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-pink),var(--shadow-lg)}.btn-outline{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);transform:translateY(-2px)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid rgba(255,255,255,.05)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:#6366f14d}.container{max-width:1100px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.3}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .8s ease-out}.float{animation:float 3s ease-in-out infinite}.text-center{text-align:center}.text-gradient{background:var(--gradient-cosmic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:768px){.section{padding:var(--spacing-xl) 0}.grid-2,.grid-3{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-darker)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.App{min-height:100vh}.main-content{padding-top:100px;min-height:80vh}.glass{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000005e;transition:all .3s ease}.glass:hover{border-color:#6366f14d;box-shadow:0 8px 32px #6366f11a}.section-badge{display:inline-block;background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#818cf8;padding:6px 16px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#0f0f23cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);transition:all var(--transition-base)}.header.scrolled{background:#0f0f23f2;box-shadow:var(--shadow-lg)}.header-content{display:flex;align-items:center;padding:10px 0}.header-actions{display:flex;align-items:center;gap:8px;margin-left:30px;position:relative;z-index:1000}.logo{display:flex;align-items:center;cursor:pointer;transition:transform var(--transition-base);text-decoration:none;margin-right:auto}.logo-container{display:flex;align-items:center;gap:10px}.logo-svg{filter:drop-shadow(0 0 4px rgba(129,140,248,.3));transition:all var(--transition-base);width:32px;height:32px}.logo:hover .logo-svg{transform:rotate(15deg) scale(1.05);filter:drop-shadow(0 0 8px rgba(129,140,248,.5))}.logo:hover{transform:none}.logo-text{color:#fff;font-size:1.1rem;font-weight:700;text-shadow:0 0 8px rgba(255,255,255,.2)}.nav{display:flex;align-items:center;gap:24px}.nav-link{color:var(--color-text-primary);font-weight:500;font-size:.9rem;position:relative;transition:all var(--transition-base)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-cosmic);transition:width var(--transition-base)}.nav-link:hover{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.4)}.nav-link:hover:after{width:100%}.profile-container{position:relative;height:100%;display:flex;align-items:center;cursor:pointer;padding:0 8px;border-bottom:3px solid transparent;transition:all .3s ease}.profile-container:hover{border-bottom-color:#ff3f6c}.profile-btn{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:11px;font-weight:600;gap:4px;transition:all .3s ease}.profile-btn svg{width:20px;height:20px;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 2px rgba(255,255,255,.2))}.profile-text{font-size:11px;font-weight:600;color:#fff;letter-spacing:.3px}.action-icon-btn{display:flex!important;flex-direction:column!important;align-items:center!important;color:#fff!important;font-size:11px;font-weight:600;gap:4px;padding:0 8px;text-decoration:none!important;border:none!important;background:none!important;width:auto!important;height:auto!important;border-radius:0!important;transition:all .3s ease}.action-icon-btn svg{width:20px;height:20px;color:#fff;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 2px rgba(255,255,255,.2))}.action-icon-btn .profile-text{background:none;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:white;color:#fff}.action-icon-btn:hover,.profile-btn:hover{transform:translateY(-2px)!important;background:none!important}.action-icon-btn:hover svg,.profile-btn:hover svg{filter:drop-shadow(0 0 8px rgba(129,140,248,.6));transform:scale(1.05)}.cart-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ff3f6c,#ff1744);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--color-bg-dark);box-shadow:0 2px 8px #ff3f6c80;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 2px 8px #ff3f6c80}50%{box-shadow:0 2px 12px #ff3f6ccc}}.profile-dropdown{position:absolute;top:100%;right:-20px;width:300px;background:#0f0f23f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000080;display:none;z-index:1000;cursor:default;border:1px solid rgba(255,255,255,.1);border-top:none;color:var(--color-text-primary);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.profile-container:hover .profile-dropdown{display:block;animation:fadeIn .1s ease-out}.profile-dropdown-content{padding:20px}.profile-header-section{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px;margin-bottom:10px}.login-btn-header{display:block;text-align:center;color:#fff;background:var(--gradient-primary);border:none;padding:12px;text-decoration:none;font-weight:700;font-size:14px;margin-top:12px;border-radius:4px;box-shadow:0 4px 15px #ec48994d;transition:transform .2s}.login-btn-header:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489980}.profile-menu-item{display:flex;align-items:center;padding:10px 12px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;cursor:pointer;border-radius:4px;transition:all .2s}.profile-menu-item svg{flex-shrink:0;opacity:.7;transition:opacity .2s}.profile-menu-item:hover{color:#fff;background:#ffffff0d;padding-left:16px}.profile-menu-item:hover svg{opacity:1}.icon-badge-container{position:relative;display:flex;align-items:center;justify-content:center}.cart-badge{position:absolute;top:-6px;right:-6px;background:#ff3f6c;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--color-bg-dark);box-shadow:0 2px 6px #ff3f6c66}.cart-toggle{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-toggle:hover{background:#ffffff08!important;transform:translateY(-2px)}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:9999}.mobile-menu-btn span{width:100%;height:2px;background:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0;transform:translate(20px)}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg)}.mobile-only-link{display:none!important}@media(max-width:768px){.header-content{padding:8px 0}.header-actions{gap:6px;margin-left:12px}.profile-container,.profile-text{display:none!important}.mobile-only-link{display:block!important}.nav{display:none}.mobile-menu-btn{display:flex}.nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#0f0f23fa;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;box-shadow:0 10px 30px #00000080}.nav.open .nav-link{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.05);width:100%;text-align:center;font-size:1rem}.action-icon-btn svg,.profile-btn svg{width:18px;height:18px}.logo-svg{width:28px;height:28px}.logo-text{font-size:1rem}}.footer{background:#030712;border-top:1px solid rgba(255,255,255,.04);padding:var(--spacing-3xl) 0 var(--spacing-xl);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),rgba(236,72,153,.2),transparent)}.footer:after{content:"";position:absolute;bottom:-200px;left:50%;transform:translate(-50%);width:600px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.04),transparent 70%);pointer-events:none}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);position:relative;z-index:1}.footer-section h4{font-size:1.1rem;margin-bottom:var(--spacing-lg);color:#fff;font-weight:700;letter-spacing:.5px;position:relative;padding-bottom:12px}.footer-section h4:after{content:"";position:absolute;bottom:0;left:0;width:24px;height:2px;background:var(--color-primary);border-radius:1px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.footer-logo .logo-svg{filter:drop-shadow(0 0 8px rgba(129,140,248,.25))}.footer-logo .logo-icon{font-size:2rem}.footer-logo .logo-image{height:40px;width:auto;object-fit:contain}.footer-logo .logo-text{background:var(--gradient-cosmic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{color:#64748b;margin-bottom:var(--spacing-lg);line-height:1.7;font-size:.92rem}.social-links{display:flex;gap:10px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff08;border-radius:12px;color:#64748b;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.05)}.social-link:hover{background:#6366f126;color:#a5b4fc;transform:translateY(-3px);border-color:#6366f140;box-shadow:0 8px 20px #6366f126}.footer-links{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:#64748b;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:0;font-size:.92rem;padding:2px 0}.footer-links a:before{content:"";width:0;height:1px;background:var(--color-primary-light);transition:width .3s ease;margin-right:0}.footer-links a:hover{color:#e2e8f0;gap:8px}.footer-links a:hover:before{width:12px;margin-right:0}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.04);position:relative;z-index:1}.footer-bottom p{color:#475569;font-size:.85rem;margin-bottom:var(--spacing-xs);letter-spacing:.3px}.footer-trust{font-size:.8rem!important;color:#334155!important;letter-spacing:.5px}@media(max-width:968px){.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:576px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.footer-section h4:after{display:none}}.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;animation:fadeIn .3s ease}.cart-sidebar{position:fixed;top:0;right:-100%;width:100%;max-width:450px;height:100%;background:var(--color-bg-card);z-index:1000;display:flex;flex-direction:column;transition:right var(--transition-base);box-shadow:var(--shadow-xl)}.cart-sidebar.open{right:0}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.cart-header h3{margin:0;font-size:1.5rem}.cart-close{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-base);border-radius:var(--radius-sm)}.cart-close:hover{color:var(--color-text-primary);background:#ffffff0d}.cart-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.cart-empty h4{margin-bottom:var(--spacing-sm)}.cart-empty p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.cart-items{flex:1;padding:var(--spacing-lg)}.cart-item{display:flex;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid rgba(255,255,255,.05)}.item-info{flex:1}.item-info h4{font-size:1.1rem;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.item-type{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.item-price{font-size:1.1rem;font-weight:700;background:var(--gradient-cosmic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.item-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-end}.quantity-controls{display:flex;align-items:center;gap:var(--spacing-xs);background:#ffffff0d;border-radius:var(--radius-full);padding:4px}.qty-btn{width:28px;height:28px;border-radius:50%;border:none;background:var(--color-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--transition-base)}.qty-btn:hover{background:var(--color-primary-dark);transform:scale(1.1)}.quantity{min-width:30px;text-align:center;font-weight:600}.remove-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-base);border-radius:var(--radius-sm)}.remove-btn:hover{color:var(--color-secondary);background:#ec48991a}.cart-summary{padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);background:#ffffff05}.summary-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.summary-row.total{font-size:1.3rem;font-weight:700;color:var(--color-text-primary);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.1);margin-top:var(--spacing-sm)}.free-shipping{color:var(--color-success);font-weight:600}.checkout-btn{width:100%;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.continue-btn{width:100%}@media(max-width:576px){.cart-sidebar{max-width:100%}}.floating-bag{position:fixed;bottom:var(--spacing-2xl);right:var(--spacing-2xl);width:65px;height:65px;background:var(--color-bg-card);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px #00000080,inset 0 0 10px #ffffff0d;z-index:9991;transition:all .4s cubic-bezier(.175,.885,.32,1.275);color:var(--color-primary);animation:floating-bag-pop .6s ease-out}.floating-bag:hover{transform:translateY(-10px) scale(1.1);color:var(--color-primary-light);border:1px solid var(--color-primary);box-shadow:0 15px 40px rgba(var(--color-primary-rgb),.3)}.bag-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.bag-count{position:absolute;top:-12px;right:-12px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:700;min-width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg-card);box-shadow:0 2px 8px #0000004d;animation:bag-count-pulse 1.5s infinite}@keyframes bag-count-pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes floating-bag-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media(max-width:768px){.floating-bag{bottom:110px;right:20px;width:60px;height:60px}}.toast-notification{position:fixed;top:100px;right:24px;min-width:320px;max-width:420px;background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff0d inset;z-index:1000;transform:translate(100%);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.toast-notification.show{transform:translate(0);opacity:1}.toast-notification:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.toast-content{display:flex;align-items:flex-start;gap:16px;padding:20px;position:relative;z-index:2}.toast-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-top:2px}.toast-text{flex:1;min-width:0}.toast-title{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3}.toast-message{font-size:.9rem;color:#cbd5e1;line-height:1.4;word-wrap:break-word}.toast-actions{display:flex;align-items:flex-start;gap:8px;margin-top:2px}.toast-action-btn{background:#6366f133;border:1px solid rgba(99,102,241,.4);border-radius:8px;padding:6px 12px;color:#a5b4fc;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.toast-action-btn:hover{background:#6366f14d;color:#c7d2fe;transform:scale(1.05)}.toast-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:all .3s ease;flex-shrink:0}.toast-close:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5;transform:scale(1.1)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#d946ef);border-radius:0 0 16px 16px;transition:width .1s linear;box-shadow:0 0 10px #6366f180}.toast-notification.success .toast-icon{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.toast-notification.success .toast-progress{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 10px #10b98180}.toast-notification.error .toast-icon{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.toast-notification.error .toast-progress{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 10px #ef444480}.toast-notification.warning .toast-icon{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);color:#fcd34d}.toast-notification.warning .toast-progress{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b80}.toast-notification.info .toast-icon{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#93c5fd}.toast-notification.info .toast-progress{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 10px #3b82f680}@media(max-width:768px){.toast-notification{top:80px;right:16px;left:16px;min-width:auto;max-width:none;width:auto}.toast-content{padding:16px;gap:12px}.toast-icon{width:36px;height:36px}.toast-title{font-size:.9rem}.toast-message{font-size:.85rem}.toast-close{width:28px;height:28px}}.toast-notification:nth-child(2){top:180px;transform:translate(100%) scale(.95)}.toast-notification:nth-child(2).show{transform:translate(0) scale(.95)}.toast-notification:nth-child(3){top:250px;transform:translate(100%) scale(.9);opacity:.8}.toast-notification:nth-child(3).show{transform:translate(0) scale(.9);opacity:.8}.hero{position:relative;height:80vh;display:flex;align-items:center;justify-content:center;padding-top:120px;margin-top:-80px;overflow:hidden;background:#050816 center/cover no-repeat;width:100%}.stars-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.stars-background:before,.stars-background:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(1px 1px at 25% 10%,#fff,transparent),radial-gradient(2px 2px at 50% 25%,#fff,transparent),radial-gradient(1px 1px at 75% 40%,#fff,transparent),radial-gradient(1.5px 1.5px at 10% 60%,#fff,transparent),radial-gradient(1px 1px at 40% 80%,#fff,transparent);background-size:400px 400px;opacity:.2}.stars-background:after{background-size:600px 600px;animation:slowTwinkle 15s linear infinite alternate}@keyframes fastTwinkle{0%{opacity:.1;transform:scale(1)}to{opacity:.3;transform:scale(1.1)}}@keyframes slowTwinkle{0%{opacity:.05;transform:scale(1.1)}to{opacity:.2;transform:scale(1)}}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.05) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.05) 0%,transparent 40%),linear-gradient(to bottom,#0a0e27,#0f1229);z-index:0}.hero-overlay{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(10,14,39,.4) 70%,rgba(10,14,39,.9) 100%);z-index:3}.nebula-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at calc(100% - var(--mouse-x)) calc(100% - var(--mouse-y)),rgba(139,92,246,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(168,85,247,.05) 0%,transparent 60%);filter:blur(50px);animation:nebulaPulse 12s ease-in-out infinite alternate;transition:background .5s ease-out}@keyframes nebulaPulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.parallax-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.parallax-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;filter:blur(1px);box-shadow:0 0 5px #fff;animation:drift 20s linear infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-20px,-20px)}}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:10;padding:var(--spacing-xl) var(--spacing-md);display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#6366f11a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(153,155,255,.2);padding:10px 20px;border-radius:50px;color:#e0e7ff;font-size:.75rem;font-weight:600;margin-bottom:var(--spacing-md);animation:fadeIn .8s ease-out,badgeGlow 4s ease-in-out infinite;letter-spacing:.02em;text-align:center;line-height:1.4}.badge-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;line-height:1;vertical-align:middle;position:relative;top:1px}.badge-icon svg{width:16px;height:16px;display:block;margin:auto;vertical-align:middle}@keyframes badgeGlow{0%,to{box-shadow:0 0 15px #6366f11a;border-color:#999bff33}50%{box-shadow:0 0 25px #6366f14d;border-color:#999bff80}}.hero-title{margin-bottom:var(--spacing-md);animation:fadeIn 1s ease-out .2s both;font-size:3.2rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;text-shadow:0 8px 30px rgba(99,102,241,.4),0 0 15px rgba(139,92,246,.3);color:#fff}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.rotator-text{display:block;animation:fadeSlideUp .8s cubic-bezier(.4,0,.2,1) forwards;min-height:1.2em}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-description{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6;animation:fadeIn 1s ease-out .4s both;max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl);animation:fadeIn 1s ease-out .6s both}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:-50%;left:-150%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,0) 45%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 55%,transparent 100%);transform:rotate(45deg);transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.btn-primary:hover:after{left:100%}@media(max-width:768px){.hero{min-height:70vh;height:auto;padding:120px 0 var(--spacing-xl)}.hero-title{font-size:2rem;line-height:1.2}.hero-description{font-size:1rem;padding:0 var(--spacing-md);max-width:100%}.hero-badge{font-size:.7rem;padding:6px 12px}.hero-badge span:not(.badge-icon){display:none}.hero-badge:after{content:"Official Star Naming Registry"}.hero-actions{flex-direction:column;padding:0 var(--spacing-md)}.stars-background:before,.stars-background:after{animation:none!important}.parallax-layer{display:none}.hero-visual{animation:none!important}}.hero-visual{position:absolute;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;opacity:.4;filter:blur(2px);mix-blend-mode:screen}.lotus-mandala-img{width:100%;height:100%;object-fit:contain;animation:rotateMandala 120s linear infinite}@keyframes rotateMandala{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.hero-visual{opacity:.3}}.trust-badge{padding:16px 0;background:linear-gradient(180deg,#0f1229cc,#050816cc);position:relative;z-index:10;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.trust-badge:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),rgba(236,72,153,.3),transparent);animation:tb-shimmer 4s ease-in-out infinite}@keyframes tb-shimmer{0%,to{opacity:.5}50%{opacity:1}}.trust-content{display:flex;justify-content:center;gap:12px;max-width:1400px;margin:0 auto;padding:0 20px;flex-wrap:wrap}.trust-item{flex:1;min-width:200px;max-width:320px;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ffffff05;border-radius:14px;border:1px solid rgba(255,255,255,.04);transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.trust-item:before{content:"";position:absolute;inset:0;border-radius:14px;opacity:0;transition:opacity .4s ease;pointer-events:none}.trust-item:nth-child(1):before{background:radial-gradient(circle at center,rgba(79,172,254,.06),transparent 70%)}.trust-item:nth-child(2):before{background:radial-gradient(circle at center,rgba(255,215,0,.06),transparent 70%)}.trust-item:hover:before{opacity:1}.trust-item:hover{transform:translateY(-3px);background:#ffffff0a;border-color:#ffffff14;box-shadow:0 8px 24px #0000004d}.trust-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-radius:10px;border:1px solid rgba(255,255,255,.08);color:#fff;box-shadow:0 4px 10px #0003;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;flex-shrink:0}.trust-item:nth-child(1) .trust-icon svg{stroke:#4facfe}.trust-item:nth-child(2) .trust-icon svg{stroke:#fbbf24;fill:#fbbf2414}.trust-item:hover .trust-icon{transform:scale(1.12) rotate(5deg);border-color:#fff3;box-shadow:0 0 15px #ffffff14}.trust-text{flex:1;z-index:1}.trust-title{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:0;line-height:1.2;letter-spacing:.3px}.trust-subtitle{font-size:.72rem;color:#fff6;margin-top:3px;letter-spacing:.5px}.badge-card{background:#ffffff05;border-radius:20px;padding:30px;text-align:center;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;animation:float 6s ease-in-out infinite}.badge-card:nth-child(2){animation-delay:1s}.badge-card:nth-child(3){animation-delay:2s}.badge-card:nth-child(4){animation-delay:3s}.badge-card:hover{background:#ffffff0a;border-color:#6366f166;transform:translateY(-10px) scale(1.02);box-shadow:0 15px 40px #6366f133;animation-play-state:paused}.badge-icon{width:70px;height:70px;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--color-primary-light);transition:all .4s ease;border:1px solid rgba(99,102,241,.2)}.badge-card:hover .badge-icon{background:var(--color-primary);color:#fff;transform:rotate(10deg);box-shadow:0 0 20px #6366f166}.badge-card h3{font-size:1.25rem;margin-bottom:12px;color:#fff;font-weight:700}.badge-card p{color:#fff9;line-height:1.6;font-size:.95rem;margin:0}@media(max-width:900px){.trust-content{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center}.trust-item{max-width:none}}@media(max-width:600px){.trust-content{grid-template-columns:1fr}}.whats-inside{background:#050816;padding:var(--spacing-xl) 0;position:relative;overflow:hidden}.whats-inside:before,.whats-inside:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none}.whats-inside:before{width:600px;height:600px;background:radial-gradient(circle,#6366f1,transparent);top:-200px;left:-100px;animation:wi-drift 15s ease-in-out infinite}.whats-inside:after{width:500px;height:500px;background:radial-gradient(circle,#ec4899,transparent);bottom:-150px;right:-100px;animation:wi-drift 18s ease-in-out infinite reverse}@keyframes wi-drift{0%,to{transform:translate(0)}33%{transform:translate(40px,-30px)}66%{transform:translate(-20px,20px)}}.wi-particles{position:absolute;inset:0;pointer-events:none;z-index:0}.wi-particle{position:absolute;border-radius:50%;background:#818cf866;animation:wi-particle-float linear infinite}.wi-particle:nth-child(odd){background:#ec48994d}.wi-particle:nth-child(3n){background:#f59e0b4d}@keyframes wi-particle-float{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:1;transform:translateY(-30px) scale(1)}80%{opacity:.6}to{opacity:0;transform:translateY(-200px) scale(.5)}}.whats-inside-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);width:100%;position:relative;z-index:1}.whats-inside .section-badge{display:inline-flex;align-items:center;gap:8px}.badge-dot{width:6px;height:6px;border-radius:50%;background:#818cf8;animation:wi-pulse 2s infinite}@keyframes wi-pulse{0%,to{opacity:1;box-shadow:0 0 #818cf880}50%{opacity:.7;box-shadow:0 0 0 6px #818cf800}}.visual-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;margin:40px 0;align-items:center}.showcase-main{position:relative;border-radius:24px;overflow:hidden;background:#0f172a99;border:1px solid rgba(255,255,255,.06);padding:35px 30px;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .6s cubic-bezier(.16,1,.3,1);min-height:320px}.showcase-main:before{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 60% 20%,rgba(129,140,248,.6),transparent),radial-gradient(1px 1px at 80% 50%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 10% 80%,rgba(236,72,153,.5),transparent),radial-gradient(1.5px 1.5px at 90% 10%,rgba(245,158,11,.5),transparent),radial-gradient(1px 1px at 50% 90%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 70% 40%,rgba(255,255,255,.5),transparent);animation:wi-twinkle-field 4s ease-in-out infinite alternate}.showcase-main:after{content:"";position:absolute;inset:0;border-radius:32px;padding:2px;background:linear-gradient(135deg,rgba(129,140,248,.4),transparent,rgba(236,72,153,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}@keyframes wi-twinkle-field{0%{opacity:.5}to{opacity:1}}.showcase-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%);animation:wi-glow-pulse 4s ease-in-out infinite;z-index:0}@keyframes wi-glow-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:.8}}.showcase-ring{position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(129,140,248,.1);animation:wi-orbit 20s linear infinite;z-index:0}.showcase-ring:before{content:"✦";position:absolute;top:-6px;left:50%;color:#818cf8;font-size:12px;animation:wi-counter-orbit 20s linear infinite;text-shadow:0 0 8px rgba(129,140,248,.8)}@keyframes wi-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wi-counter-orbit{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.showcase-main:hover{transform:translateY(-10px) scale(1.01);border-color:#6366f133;box-shadow:0 50px 100px -20px #00000080,0 30px 60px -30px #6366f14d}.showcase-main .main-image{max-width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));animation:wi-float 6s ease-in-out infinite;position:relative;z-index:1}@keyframes wi-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(1deg)}75%{transform:translateY(-8px) rotate(-1deg)}50%{transform:translateY(-20px) rotate(0)}}.showcase-secondary{display:flex;flex-direction:column;gap:24px}.showcase-item{background:linear-gradient(135deg,#1e293b66,#1e293b1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3px;border:none;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.showcase-item:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,#818cf833,#ec48991a,#6366f10d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.showcase-item-inner{background:#0f0f23e6;border-radius:22px;padding:24px;display:flex;align-items:center;gap:20px}.showcase-item:hover{transform:translate(12px) translateY(-4px)}.showcase-item:hover:before{background:linear-gradient(135deg,#818cf880,#ec48994d,#6366f133)}.showcase-item .showcase-image{width:100px;height:80px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));flex-shrink:0;transition:transform .4s ease}.showcase-item:hover .showcase-image{transform:scale(1.1) rotate(-2deg)}.showcase-item-info{display:flex;flex-direction:column;gap:8px}.showcase-label{font-weight:700;color:#fff;font-size:1.15rem;letter-spacing:.5px;margin:0}.showcase-tag{display:inline-block;padding:3px 12px;background:#818cf826;border:1px solid rgba(129,140,248,.25);border-radius:20px;color:#a5b4fc;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;width:fit-content}.showcase-item:nth-child(2) .showcase-tag{background:#ec48991f;border-color:#ec489940;color:#f9a8d4}.wi-grid-header{text-align:center;margin-bottom:32px}.wi-grid-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:6px;font-family:var(--font-display)}.wi-grid-subtitle{color:#64748b;font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:50px}.inside-item{background:#0f172a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:24px 20px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;animation:fadeInScale .6s ease-out both;cursor:default;box-shadow:0 8px 24px #0000004d}.items-grid .inside-item:nth-child(1){animation-delay:.05s}.items-grid .inside-item:nth-child(2){animation-delay:.1s}.items-grid .inside-item:nth-child(3){animation-delay:.15s}.items-grid .inside-item:nth-child(4){animation-delay:.2s}.items-grid .inside-item:nth-child(5){animation-delay:.25s}.items-grid .inside-item:nth-child(6){animation-delay:.3s}.items-grid .inside-item:nth-child(7){animation-delay:.35s}.items-grid .inside-item:nth-child(8){animation-delay:.4s}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.item-number{position:absolute;top:16px;right:18px;font-size:.7rem;font-weight:800;color:#ffffff0f;font-family:var(--font-primary);letter-spacing:1px;transition:color .4s ease}.inside-item:hover .item-number{color:var(--item-color, #818cf8);opacity:.4}.inside-item:before{content:"";position:absolute;inset:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,var(--item-color, #818cf8),transparent,rgba(99,102,241,.5));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3;transition:opacity .5s ease;pointer-events:none}.inside-item:hover:before{opacity:1}.item-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03),transparent);transform:rotate(45deg) translate(-100%);transition:transform .8s ease;pointer-events:none}.inside-item:hover .item-shine{transform:rotate(45deg) translate(100%)}.inside-item:hover{transform:translateY(-8px) scale(1.02);background:#1e293b99;box-shadow:0 25px 50px -12px #0009,0 0 30px #6366f11a}.item-icon-wrapper{position:relative;margin-bottom:16px;width:48px;height:48px}.item-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#818cf80f;border:1px solid rgba(129,140,248,.12);border-radius:14px;color:var(--item-color, #818cf8);box-shadow:0 4px 12px #00000026;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.item-icon-ring{position:absolute;inset:-4px;border-radius:20px;border:1px dashed rgba(129,140,248,.1);opacity:0;transition:all .5s ease;animation:wi-icon-ring-spin 12s linear infinite}@keyframes wi-icon-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inside-item:hover .item-icon{background:#818cf81f;border-color:var(--item-color, rgba(129, 140, 248, .3));box-shadow:0 0 20px #818cf833;transform:scale(1.1)}.inside-item:hover .item-icon-ring{opacity:1;border-color:var(--item-color, rgba(129, 140, 248, .2))}.item-title{font-size:1.05rem;font-weight:700;margin-bottom:8px;color:#fff;letter-spacing:-.01em;transition:color .3s ease}.inside-item:hover .item-title{color:var(--item-color, #a5b4fc)}.item-description{font-size:.85rem;color:#64748b;line-height:1.6;margin:0;transition:color .3s ease}.inside-item:hover .item-description{color:#94a3b8}.cta-box{background:linear-gradient(135deg,#4f46e566,#7c3aed4d);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:24px;padding:50px 32px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(129,140,248,.2);box-shadow:0 30px 60px -15px #4f46e54d,inset 0 1px #ffffff1a;transition:all .5s cubic-bezier(.16,1,.3,1)}.cta-box:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 50px 100px -20px #4f46e580,inset 0 1px #fff3;border-color:#818cf866}.cta-box:after{content:"";position:absolute;inset:0;border-radius:32px;padding:2px;background:linear-gradient(135deg,#a5b4fc,transparent,#f9a8d4);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.cta-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cta-aurora:before,.cta-aurora:after{content:"";position:absolute;width:50%;height:200%;border-radius:50%;filter:blur(80px);opacity:.3}.cta-aurora:before{background:linear-gradient(180deg,#6366f1,#ec4899);top:-100%;left:-10%;animation:wi-aurora 8s ease-in-out infinite}.cta-aurora:after{background:linear-gradient(180deg,#8b5cf6,#06b6d4);top:-80%;right:-10%;animation:wi-aurora 10s ease-in-out infinite reverse}@keyframes wi-aurora{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(30px) rotate(5deg)}}.cta-content{position:relative;z-index:2}.cta-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fbbf24;margin:0 auto 20px;animation:wi-float 4s ease-in-out infinite}.cta-box h3{font-size:2rem;font-weight:800;margin-bottom:12px;color:#fff;position:relative;line-height:1.2;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.cta-box p{font-size:1rem;margin-bottom:28px;color:#ffffffb3;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f472b6,#818cf8);color:#fff;padding:14px 32px;border-radius:100px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px #0000004d;position:relative;overflow:hidden;border:none}.cta-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fb7185,#6366f1);opacity:0;transition:opacity .3s ease;border-radius:inherit}.cta-btn:hover:before{opacity:1}.cta-btn span,.cta-btn svg{position:relative;z-index:1}.cta-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 20px 40px #0003,0 0 0 3px #ffffff1a}.cta-btn svg{transition:transform .3s ease}.cta-btn:hover svg{transform:translate(4px)}@media(max-width:1200px){.items-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.visual-showcase{grid-template-columns:1fr}.showcase-item:hover{transform:translateY(-6px)}.items-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.whats-inside{padding:var(--spacing-xl) 0}.visual-showcase{margin:40px 0}.showcase-main{padding:30px 20px;min-height:280px}.showcase-glow,.showcase-ring{width:200px;height:200px}.showcase-item-inner{flex-direction:column;text-align:center}.items-grid{grid-template-columns:1fr;gap:16px}.inside-item{padding:24px 20px}.wi-grid-title{font-size:1.4rem}.cta-box{padding:50px 24px;border-radius:24px}.cta-box h3{font-size:1.75rem}.cta-box p{font-size:1rem}.cta-btn{padding:14px 30px;font-size:.95rem}}@media(max-width:480px){.item-icon-wrapper{width:48px;height:48px}.item-icon{width:48px;height:48px;border-radius:14px}.item-title{font-size:1.05rem}.item-description{font-size:.85rem}}.testimonials{background:transparent;position:relative;padding:0 0 4rem;overflow:visible}.testimonials-container{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.testimonials-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:2rem;padding:2rem 1rem 4rem;margin:0 -1rem 1rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.testimonials-grid::-webkit-scrollbar{display:none}.testimonial-card{background:#0f172a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 8px 24px #0000004d;flex:0 0 360px;scroll-snap-align:center}.testimonial-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,rgba(244,114,182,.5),transparent,rgba(99,102,241,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3;transition:opacity .5s ease;pointer-events:none}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0009,0 0 30px #f472b61a}.testimonial-card:after{content:'"';position:absolute;top:-20px;right:20px;font-size:15rem;font-family:serif;color:#ffffff08;line-height:1;z-index:0;pointer-events:none;transition:color .4s ease}.testimonial-card:hover:after{color:#f472b60f}.testimonial-rating{margin-bottom:1.5rem;display:flex;gap:6px;position:relative;z-index:1}.star{display:flex;align-items:center;justify-content:center;color:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.4));animation:tm-star-pulse 3s infinite alternate}.star:nth-child(2){animation-delay:.2s}.star:nth-child(3){animation-delay:.4s}.star:nth-child(4){animation-delay:.6s}.star:nth-child(5){animation-delay:.8s}@keyframes tm-star-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(251,191,36,.3))}to{transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(251,191,36,.7))}}.testimonial-title{font-size:1.15rem;font-weight:700;margin-bottom:.8rem;color:#f8fafc;position:relative;z-index:1;line-height:1.4}.testimonial-text{font-size:.95rem;color:#94a3b8;line-height:1.6;margin-bottom:1.5rem;font-style:italic;position:relative;z-index:1}.testimonial-author{font-size:.9rem;color:#f472b6;font-weight:700;position:relative;z-index:1;display:flex;align-items:center;gap:10px}.testimonial-author:before{content:"";width:24px;height:2px;background:#f472b6;border-radius:2px}.trustpilot-section{display:flex;justify-content:center;padding-top:2rem}.trustpilot-badge{background:#0f172ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:100px;padding:20px 40px;display:flex;align-items:center;gap:20px;border:1px solid rgba(0,182,122,.2);box-shadow:0 15px 35px #0000004d;transition:all .4s ease}.trustpilot-badge:hover{transform:translateY(-5px);border-color:#00b67a80;box-shadow:0 20px 40px #0006,0 0 20px #00b67a26}.trustpilot-stars{display:flex;gap:4px;margin-right:15px}.trustpilot-stars svg{filter:drop-shadow(0 0 5px rgba(0,182,126,.4))}.trustpilot-text{font-size:1.2rem;color:#fff;font-weight:500}.trustpilot-text strong{color:#00b67a;font-weight:800;text-transform:uppercase;letter-spacing:1px}.trustpilot-reviews{font-size:.9rem;color:#64748b;border-left:1px solid rgba(255,255,255,.1);padding-left:20px;margin-left:5px}@media(max-width:992px){.trustpilot-badge{flex-direction:column;border-radius:30px;text-align:center;padding:30px;gap:10px}.trustpilot-stars{margin-right:0;margin-bottom:10px}.trustpilot-reviews{border-left:none;padding-left:0;margin-left:0;margin-top:5px}}@media(max-width:768px){.testimonial-card{flex:0 0 85vw;padding:2rem}}.hearts-touched{position:relative;padding:4rem 0 2rem;overflow:hidden;background:transparent}.hearts-bg-glow{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,rgba(139,92,246,.1) 40%,transparent 70%);z-index:0;pointer-events:none;animation:ht-glow-breathe 8s ease-in-out infinite alternate}@keyframes ht-glow-breathe{0%{transform:translate(-50%,-50%) scale(.9);opacity:.6}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.heart-icon-wrapper{position:relative;display:inline-flex;justify-content:center;align-items:center;z-index:1;margin-bottom:2rem}.main-heart{font-size:4rem;filter:drop-shadow(0 0 25px rgba(255,63,108,.5));animation:ht-pulse-heart 2.5s infinite ease-in-out}@keyframes ht-pulse-heart{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(255,63,108,.5))}50%{transform:scale(1.15);filter:drop-shadow(0 0 50px rgba(255,63,108,.9))}}.floating-hearts .float-heart{position:absolute;opacity:0;font-size:2rem;filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}.float-heart.h1{top:-20px;left:-40px;animation:ht-float-up 3s infinite .2s}.float-heart.h2{top:-50px;left:60px;animation:ht-float-up 3.5s infinite 1.2s;font-size:1.5rem}.float-heart.h3{top:20px;left:80px;animation:ht-float-up 3.2s infinite 2s;font-size:1.8rem}@keyframes ht-float-up{0%{transform:translateY(0) scale(.5) rotate(-10deg);opacity:0}20%{opacity:1}to{transform:translateY(-120px) scale(1.2) rotate(20deg);opacity:0}}.hearts-touched .section-badge{display:inline-block;padding:8px 16px;background:#ec48991a;border:1px solid rgba(236,72,153,.3);color:#f9a8d4;border-radius:30px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;box-shadow:0 0 20px #ec489933}.hearts-touched .premium-title{font-size:2.5rem;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#fff,#f472b6,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.hearts-touched .section-subtitle{font-size:1.05rem;color:#cbd5e1;line-height:1.6}.hearts-touched .magic-text{color:#f472b6;font-weight:700;text-shadow:0 0 15px rgba(244,114,182,.4)}@media(max-width:768px){.hearts-touched .premium-title{font-size:2.5rem}.hearts-touched{padding:5rem 0 2rem}}.faq{background:#050816;position:relative;padding:4rem 0;overflow:hidden}.faq:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 60%);top:-200px;left:-200px;pointer-events:none;z-index:0}.faq:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 60%);bottom:-100px;right:-100px;pointer-events:none;z-index:0}.faq-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.faq-list{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem}.faq-column{display:flex;flex-direction:column;gap:1.2rem}.faq-item{background:#1e293b66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;animation:faq-fadeIn .6s ease-out both}@keyframes faq-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:nth-child(5){animation-delay:.5s}.faq-item:nth-child(6){animation-delay:.6s}.faq-item:nth-child(7){animation-delay:.7s}.faq-item:nth-child(8){animation-delay:.8s}.faq-item:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,rgba(244,114,182,.5),transparent,rgba(99,102,241,.5));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s ease;pointer-events:none}.faq-item:hover{transform:translateY(-4px) scale(1.01);background:#1e293b99;box-shadow:0 15px 35px #0006,0 0 30px #f472b626}.faq-item:hover:before,.faq-item.open:before{opacity:1}.faq-item.open{background:#0f172acc;box-shadow:0 20px 40px #00000080,0 0 40px #6366f133}.faq .premium-title{font-size:2.2rem;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;background:transparent;border:none;color:#f8fafc;font-size:1.05rem;font-weight:600;text-align:left;cursor:pointer;transition:color .3s ease;gap:16px;font-family:inherit;line-height:1.4}.faq-item:hover .faq-question{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.2)}.faq-item.open .faq-question{color:#a5b4fc}.faq-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f472b61a;color:#f472b6;flex-shrink:0;border:1px solid rgba(244,114,182,.2);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.faq-icon{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.faq-item:hover .faq-icon-wrapper{background:#f472b633;box-shadow:0 0 15px #f472b64d}.faq-item.open .faq-icon-wrapper{background:linear-gradient(135deg,#f472b6,#818cf8);color:#fff;border-color:transparent;box-shadow:0 5px 15px #f472b680;transform:rotate(180deg)}.faq-answer-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.faq-item.open .faq-answer-container{grid-template-rows:1fr}.faq-answer{overflow:hidden;padding:0 1.5rem}.faq-answer-content{color:#94a3b8;line-height:1.6;font-size:.95rem;padding-bottom:1.2rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);margin:0}.faq-answer-content a{color:#818cf8;text-decoration:none;border-bottom:1px dashed rgba(129,140,248,.5);transition:all .2s ease}.faq-answer-content a:hover{color:#a5b4fc;border-bottom-style:solid}@media(max-width:768px){.faq{padding:4rem 0}.faq .premium-title{font-size:2.2rem}.faq-question{font-size:1.05rem;padding:1.2rem 1.5rem}.faq-answer{padding:0 1.5rem}.faq-answer-content{font-size:.95rem}.faq-icon-wrapper{width:32px;height:32px}.faq-item{border-radius:16px;margin-bottom:.8rem}}@media(min-width:992px){.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}}.customizer-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.customizer-modal{width:100%;max-width:500px;background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:20px;position:relative;padding:2rem;color:#fff;box-shadow:0 25px 50px -12px #00000080}.close-modal{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:#94a3b8;font-size:2rem;cursor:pointer}.modal-header .pkg-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#a5b4fc;font-weight:700;display:block;margin-bottom:.5rem}.modal-header h2{font-size:1.5rem;margin-bottom:.5rem}.modal-header .subtitle{color:#94a3b8;font-size:.9rem;margin-bottom:2rem}.customizer-form .form-group{margin-bottom:1.5rem}.customizer-form label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem;color:#cbd5e1}.customizer-form input,.customizer-form textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:1rem}.customizer-form input:focus,.customizer-form textarea:focus{outline:none;border-color:#6366f1;background:#ffffff14}.customizer-form small{display:block;margin-top:.4rem;font-size:.75rem;color:#64748b}.modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.price-summary span{display:block;font-size:.75rem;color:#94a3b8}.price-summary strong{font-size:1.25rem;color:#fff}.confirm-btn{padding:.75rem 1.5rem;border-radius:10px;border:none;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s}.confirm-btn:hover{transform:translateY(-2px)}.input-with-icon{position:relative;display:flex;align-items:center}.valid-icon{position:absolute;right:1rem;color:#10b981;font-weight:800;font-size:1.1rem;animation:fadeInScale .3s ease-out}.char-count{text-align:right!important;margin-top:.25rem;font-size:.75rem;color:#94a3b8;display:block}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.comparison-overlay{position:fixed;inset:0;background:#050816f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.comparison-modal{background:#0f172ae6;border:1px solid rgba(255,255,255,.1);border-radius:24px;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff0d inset;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.comparison-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1);background:#6366f10d}.comparison-header h2{color:#fff;font-size:1.5rem;font-weight:800;margin:0;display:flex;align-items:center;gap:12px;letter-spacing:.5px}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.close-btn:hover{background:#ef444433;border-color:#ef444466;transform:scale(1.1)}.comparison-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#94a3b8}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.comparison-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:24px;opacity:.7}.comparison-empty h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:12px}.comparison-empty p{color:#94a3b8;font-size:1rem;margin-bottom:32px;max-width:400px;line-height:1.6}.comparison-content{padding:32px;overflow-y:auto;max-height:calc(90vh - 100px)}.comparison-grid{display:flex;flex-direction:column;gap:1px;background:#ffffff0d;border-radius:16px;overflow:hidden}.comparison-row{display:grid;grid-template-columns:200px repeat(auto-fit,minmax(250px,1fr));background:#0f172acc;min-height:60px}.comparison-row.header-row{background:#6366f11a;min-height:auto}.feature-label{display:flex;align-items:center;padding:20px 24px;font-weight:700;color:#e2e8f0;background:#1e293bcc;border-right:1px solid rgba(255,255,255,.1);font-size:.95rem}.package-header{padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.package-image{width:80px;height:100px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.package-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.package-actions{display:flex;gap:8px;width:100%}.btn-remove{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:8px;color:#fca5a5;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-remove:hover{background:#ef444433;transform:scale(1.05)}.btn-add-cart{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:8px 12px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.8rem;font-weight:600;flex:1}.btn-add-cart:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f166}.feature-value{display:flex;align-items:center;padding:20px 24px;color:#cbd5e1;font-size:.95rem;border-right:1px solid rgba(255,255,255,.05)}.feature-value:last-child{border-right:none}.comparison-summary{margin-top:40px;padding:32px;background:#1e293b80;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.comparison-summary h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:12px}.recommendation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.recommendation-card{padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.recommendation-card.premium{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border-color:#ffd7004d}.recommendation-card.good{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:#6366f14d}.recommendation-card.basic{background:linear-gradient(135deg,#94a3b81a,#64748b1a);border-color:#94a3b84d}.rec-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rec-icon{font-size:1.5rem}.rec-title{color:#fff;font-weight:700;font-size:1.1rem}.rec-description{color:#94a3b8;font-size:.95rem;line-height:1.5;margin-bottom:16px}.rec-score{color:#6366f1;font-weight:600;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f166}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.comparison-overlay{padding:10px}.comparison-modal{border-radius:16px;max-height:95vh}.comparison-header{padding:20px}.comparison-header h2{font-size:1.2rem}.comparison-content{padding:20px}.comparison-row{grid-template-columns:1fr;gap:1px}.feature-label{background:#6366f133;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.package-header{padding:20px}.package-image{width:60px;height:75px}.recommendation-cards{grid-template-columns:1fr}.comparison-summary{padding:24px;margin-top:24px}}.shop-page{min-height:100vh;padding-top:100px;padding-bottom:var(--spacing-2xl);background:var(--color-bg-darker);position:relative;overflow-x:hidden}.shop-hero{padding:20px 0 40px;position:relative;overflow:hidden}.shop-page:before{content:"";position:absolute;top:0;left:0;right:0;height:100vh;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.15) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.15) 0%,transparent 60%);pointer-events:none;z-index:0}.shop-container{max-width:1600px;margin:0 auto;padding:0 var(--spacing-md);width:100%;position:relative;z-index:1}.shop-grid{display:block;width:100%}.filters-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg)}.filter-group-inline{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap}.custom-select-inline{padding:8px 16px;background:#0f0f2399;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9rem;cursor:pointer;transition:all var(--transition-base);min-width:180px}.custom-select-inline:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #6366f133}.custom-select-inline option{background:var(--color-bg-dark);color:var(--color-text-primary)}.showing-count-inline{color:var(--color-text-secondary);font-size:.85rem;white-space:nowrap}@media(max-width:768px){.filters-top{flex-direction:column;align-items:stretch;padding:var(--spacing-sm) var(--spacing-md)}.filter-group-inline{flex-direction:column;align-items:stretch;gap:8px}.custom-select-inline{width:100%}.showing-count-inline{text-align:center}}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md)}@media(min-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px)and (max-width:1199px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.products-grid{grid-template-columns:1fr}}.product-card{background:#ffffff03;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:28px;border:1px solid rgba(255,255,255,.05);transition:all .5s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;animation:fadeInScale .6s ease-out both}.product-card:hover{transform:translateY(-10px);background:#ffffff08;border-color:#6366f133;box-shadow:0 30px 60px -20px #0006}.product-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);transform:rotate(45deg);transition:all .7s ease;pointer-events:none;opacity:0}.product-card:hover:after{left:100%;opacity:1}.product-image-container{height:220px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg);position:relative;background:#0003}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0f0f23f2,#0f0f23b3);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:1rem}.product-card:hover .product-overlay{opacity:1}.overlay-features{width:100%;margin-bottom:var(--spacing-sm)}.view-details-btn{width:100%;padding:var(--spacing-md);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-align:center;box-shadow:0 4px 15px #6366f166;pointer-events:auto}.view-details-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.feature-item-overlay{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-size:.85rem;margin-bottom:.5rem}.feature-item-overlay svg{flex-shrink:0;color:#6366f1}.product-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:4px 12px;background:#0f0f23e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-primary-light);border:1px solid rgba(99,102,241,.3);z-index:2}.product-info h4{font-size:1.25rem;margin-bottom:.25rem;color:var(--color-text-primary)}.product-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem;font-style:italic}.product-specs{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md)}.product-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.product-price{font-size:1.5rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.add-cart-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs);font-size:.95rem}.add-cart-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.filters-sidebar{position:relative;top:0;margin-bottom:var(--spacing-xl)}.wishlist-btn-overlay{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);width:32px;height:32px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;color:#ff3f6c;font-size:1.2rem;cursor:pointer;z-index:5;transition:transform .2s;box-shadow:0 2px 8px #0000001a}.wishlist-btn-overlay:hover{transform:scale(1.1);background:#fff}@media(max-width:1200px){.packages-grid{gap:var(--spacing-sm)}.package-card{padding:18px 16px;min-height:460px}}@media(max-width:1024px){.products-grid{gap:var(--spacing-md)}.package-card{min-height:440px}}@media(max-width:768px){.shop-page{padding-top:80px}.shop-grid{display:block}.shop-hero h1{font-size:2.5rem}.packages-section{padding:var(--spacing-lg) 0}.section-header,.filters-top{margin-bottom:var(--spacing-md)}}@media(max-width:480px){.products-grid{grid-template-columns:1fr}.shop-hero h1{font-size:2rem}.packages-section{padding:var(--spacing-md) 0}.package-card{padding:16px 14px;border-radius:16px;min-height:auto}.packages-grid{gap:12px}.package-name{font-size:1.2rem}.amount{font-size:1.6rem}}.packages{background:transparent;position:relative;padding:var(--spacing-lg) 0;overflow:hidden}.packages:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(240,147,251,.06) 0%,transparent 50%);pointer-events:none}.packages:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;mask-image:radial-gradient(circle at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%)}.section-header{margin-bottom:var(--spacing-lg);position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.packages-container{max-width:1600px;margin:0 auto;padding:0 var(--spacing-md);width:100%;position:relative;z-index:1}@media(max-width:1400px){.packages-container{max-width:1200px}}@media(max-width:1024px){.packages-container{max-width:100%;padding:0 var(--spacing-sm)}}.section-header p{font-size:1.2rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);position:relative;z-index:2;max-width:1400px;margin:0 auto}@media(min-width:1400px){.packages-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px)and (max-width:1399px){.packages-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px)and (max-width:1023px){.packages-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.packages-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}}.package-card{position:relative;background:#0f172a99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;padding:20px 18px;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden;animation:pkg-fadeIn .7s ease-out both;box-shadow:0 10px 30px #0000004d;cursor:pointer;min-height:480px}.package-card:nth-child(1){animation-delay:.1s}.package-card:nth-child(2){animation-delay:.25s}.package-card:nth-child(3){animation-delay:.4s}@keyframes pkg-fadeIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.package-card:before{content:"";position:absolute;inset:0;border-radius:28px;padding:2px;background:var(--pkg-gradient, linear-gradient(135deg, rgba(129, 140, 248, .5), transparent, rgba(236, 72, 153, .3)));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;transition:opacity .5s ease;pointer-events:none;z-index:2}.package-card:hover:before{opacity:1}.package-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%);transform:rotate(45deg) translate(-100%);transition:transform .8s ease;pointer-events:none}.package-card:hover:after{transform:rotate(45deg) translate(100%)}.package-card:hover{transform:translateY(-8px) scale(1.01);background:#1e293bb3;box-shadow:0 20px 50px -15px #0009,0 0 30px #818cf81f}.package-badge{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:var(--radius-full);color:#fff;font-size:.65rem;font-weight:800;white-space:nowrap;z-index:3;letter-spacing:1.2px;text-transform:uppercase;animation:pkg-badge-glow 2.5s infinite;box-shadow:0 4px 15px #6366f14d}@keyframes pkg-badge-glow{0%,to{box-shadow:0 4px 15px #6366f14d}50%{box-shadow:0 4px 25px #6366f199,0 0 40px #6366f133}}.package-header{margin-bottom:var(--spacing-md);text-align:center}.package-name{font-size:1.4rem;font-weight:800;margin-bottom:4px;letter-spacing:1px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.package-subtitle{font-size:.7rem;color:var(--color-primary-light);font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px;opacity:.85}.package-description{color:#64748b;line-height:1.5;font-size:.85rem}.package-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:var(--spacing-md);padding:12px 0;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.04);position:relative}.package-price:before{content:"";position:absolute;inset:0;border-radius:12px;background:var(--pkg-gradient, var(--gradient-primary));opacity:.03}.currency{font-size:1.2rem;font-weight:600;color:#64748b}.amount{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.package-features{list-style:none;margin-bottom:var(--spacing-md);flex:1}.feature-item{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#94a3b8;font-size:.82rem;transition:all .3s ease;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.02)}.feature-item:last-child{border-bottom:none}.package-card:hover .feature-item{transform:translate(5px)}.feature-item svg{flex-shrink:0;width:16px;height:16px;color:var(--color-primary-light);filter:drop-shadow(0 0 4px rgba(99,102,241,.4));transition:all .3s ease}.package-card:hover .feature-item svg{filter:drop-shadow(0 0 8px rgba(99,102,241,.6))}.package-delivery{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);transition:all .3s ease}.package-card:hover .package-delivery{background:#ffffff08;border-color:#ffffff14}.delivery-info{font-size:.85rem;color:var(--color-text-muted)}.delivery-info strong{color:var(--color-text-primary);font-size:.9rem;display:flex;align-items:center;margin-bottom:10px;gap:6px}.info-icon{display:inline-flex;align-items:center;color:var(--color-primary-light);vertical-align:middle}.delivery-info div{display:flex;justify-content:space-between;margin-top:6px;padding:2px 0}.package-btn{width:100%;padding:12px;font-size:.85rem;font-weight:700;border-radius:12px;text-transform:uppercase;letter-spacing:1.2px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 6px 16px #0003;border:none;cursor:pointer;color:#fff}.package-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .3s ease;border-radius:inherit}.package-btn:after{content:"";position:absolute;inset:-1000px;z-index:10}.package-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000004d,0 0 20px #6366f133}.package-btn:hover:before{opacity:1}@media(max-width:1200px){.packages-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}}@media(max-width:768px){.packages{padding:var(--spacing-md) 0}.package-card{padding:18px 16px;border-radius:18px;min-height:auto}.package-price{padding:10px 0;margin-bottom:var(--spacing-sm)}.amount{font-size:1.8rem}.package-name{font-size:1.3rem}.packages-grid{gap:var(--spacing-sm)}}@media(max-width:480px){.packages-section{padding:var(--spacing-xl) 0}.packages-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.package-card{padding:32px 24px;border-radius:24px;animation:none!important}.package-badge{animation:none!important}.package-name{font-size:1.5rem}.amount{font-size:2.5rem}}.package-actions{display:flex;align-items:center;gap:var(--spacing-md);margin-top:auto}.wishlist-btn-icon{width:40px;height:40px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease;font-size:1rem}.wishlist-btn-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.wishlist-btn-icon:hover{background:#ec489926;border-color:#ec48994d;color:var(--color-secondary);transform:scale(1.05)}.package-secondary-actions{display:flex;gap:8px}.compare-btn-icon{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:all .3s ease;font-size:.85rem}.compare-btn-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.compare-btn-icon:hover{background:#6366f126;border-color:#6366f14d;color:#6366f1;transform:scale(1.05)}.compare-btn-icon.active{background:#6366f126;border-color:#6366f1;color:#6366f1;box-shadow:0 0 15px #6366f14d}.comparison-float{position:fixed;bottom:30px;right:30px;z-index:100;animation:slideInRight .5s cubic-bezier(.16,1,.3,1)}.comparison-toggle-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50px;padding:16px 24px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:600;font-size:.95rem;box-shadow:0 10px 30px #6366f166,0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.comparison-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.comparison-toggle-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #6366f199,0 0 0 1px #fff3 inset}.comparison-toggle-btn:hover:before{left:100%}.compare-icon{width:20px;height:20px}.compare-count{background:#fff3;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.package-actions{display:flex;align-items:center;gap:12px;margin-top:auto}.package-btn{flex:1;min-height:44px}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.comparison-float{bottom:20px;right:20px}.comparison-toggle-btn{padding:12px 20px;font-size:.9rem}.compare-text{display:none}.package-secondary-actions{flex-direction:column;gap:6px}.compare-btn-icon,.wishlist-btn-icon{width:32px;height:32px;font-size:.8rem}}.shop-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--color-text-secondary)}.shop-loading .spinner-border{width:3rem;height:3rem;border:3px solid rgba(99,102,241,.2);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.shop-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.shop-error h4{color:var(--color-text-primary);margin-bottom:1rem}.shop-error .btn{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.shop-error .btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f166}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-padding{padding:var(--spacing-xl) 0}.packages-section{background:transparent;position:relative;padding:var(--spacing-xl) 0;overflow:hidden}.packages-container{max-width:1600px;margin:0 auto;padding:0 var(--spacing-md);width:100%;position:relative;z-index:2}.header-title-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.header-decoration{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.premium-title{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,var(--color-text-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin:0 0 8px;letter-spacing:-.02em}.section-subtitle{font-size:.95rem;color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0 auto;line-height:1.5}.magic-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.fade-in{animation:fadeIn .6s ease-out}.product-details-page{min-height:100vh;padding-top:120px;padding-bottom:var(--spacing-4xl);background:var(--color-bg-darker);position:relative;overflow-x:hidden}.product-details-page:before{content:"";position:absolute;top:0;left:0;right:0;height:100vh;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.15) 0%,transparent 60%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.1) 0%,transparent 60%);pointer-events:none;z-index:0}.product-details-container{max-width:1400px;margin:0 auto;padding:20px var(--spacing-md);position:relative;z-index:1}.product-details-page .premium-title{text-align:left!important;font-size:clamp(2.5rem,4vw,3.5rem)!important;margin-bottom:5px!important;transform:none!important}.premium-title-mini{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-title-wrapper.mini{justify-content:flex-start;gap:15px;margin-bottom:15px}.header-title-wrapper.mini .header-decoration{width:30px}.breadcrumb-nav{margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);font-size:.9rem}.breadcrumb-nav a{color:var(--color-primary-light);text-decoration:none;transition:color .3s ease}.breadcrumb-nav a:hover{color:var(--color-primary)}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:start}.product-visual{position:sticky;top:120px}.main-image-wrapper{background:#ffffff03;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:40px;padding:60px;display:flex;justify-content:center;align-items:center;position:relative;transition:all .6s cubic-bezier(.16,1,.3,1)}.main-image-wrapper:hover{transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);border-color:#6366f133;box-shadow:0 40px 80px -20px #00000080}.main-product-image{max-width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));animation:float 6s ease-in-out infinite}.product-status-badge{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--gradient-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);font-weight:600;font-size:.85rem;box-shadow:0 4px 15px #6366f14d}.content-inner{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-2xl);padding:var(--spacing-3xl)}.product-type-badge{color:var(--color-primary-light);font-weight:600;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;display:block;margin-bottom:var(--spacing-sm)}.content-inner h1{font-size:3rem;margin-bottom:var(--spacing-md);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.price-tag{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.price-tag .currency{font-size:1.5rem;color:var(--color-primary-light);font-weight:600}.price-tag .amount{font-size:2.5rem;font-weight:700;color:var(--color-text-primary)}.product-description{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-2xl);max-width:600px}.feature-list-section h3{font-size:1.25rem;margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.details-features{list-style:none;padding:0;margin-bottom:var(--spacing-3xl);display:grid;gap:var(--spacing-md)}.details-features li{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary)}.details-features li svg{color:var(--color-primary);flex-shrink:0}.purchase-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.add-to-cart-big{flex:1;background:var(--gradient-primary);color:#fff;border:none;padding:var(--spacing-lg);border-radius:var(--radius-xl);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.add-to-cart-big:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6366f166}.wishlist-btn-large{width:64px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all var(--transition-base)}.wishlist-btn-large:hover{background:#ec48991a;border-color:var(--color-primary);color:var(--color-primary)}.shipping-notice{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.9rem}@media(max-width:1024px){.product-layout{grid-template-columns:1fr;gap:var(--spacing-xl)}.product-visual{position:relative;top:0}.content-inner h1{font-size:2.25rem}}@media(max-width:768px){.product-details-page{padding-top:100px}.purchase-actions{flex-direction:column}.wishlist-btn-large{width:100%;height:56px}}.checkout-steps{display:flex;justify-content:center;align-items:center;padding:32px 0;max-width:700px;margin:0 auto 40px;gap:8px;position:relative}.checkout-steps:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(to right,#ffffff1a,#6366f14d,#ffffff1a);z-index:0}.step-item{font-size:.8rem;font-weight:800;letter-spacing:2px;color:#ffffff4d;text-transform:uppercase;position:relative;padding:12px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:16px;background:#0f172a99;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;min-width:120px;text-align:center}.step-item:before{content:"";position:absolute;top:50%;left:-12px;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.step-item.active{color:#fff;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f166;text-shadow:0 0 15px rgba(129,140,248,.6);box-shadow:0 10px 30px #6366f133,0 0 0 1px #6366f14d inset;transform:translateY(-4px) scale(1.05)}.step-item.active:before{background:var(--accent-celestial);border-color:var(--accent-celestial);box-shadow:0 0 20px #6366f1cc;transform:translateY(-50%) scale(1.3)}.step-item.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:3px;background:linear-gradient(to right,transparent,var(--accent-celestial),transparent);box-shadow:0 0 15px #6366f1cc;border-radius:2px}.step-item.completed{color:#34d399;background:#10b9811a;border-color:#10b9814d}.step-item.completed:before{background:var(--celestial-green);border-color:var(--celestial-green);box-shadow:0 0 15px #10b98199}.step-divider{height:2px;width:60px;background:#ffffff1a;margin:0 8px;border-radius:1px;position:relative;z-index:1}.step-label{position:relative;z-index:1}@media(max-width:768px){.checkout-steps{gap:4px;padding:24px 0}.step-item{font-size:.7rem;padding:10px 16px;letter-spacing:1.5px;min-width:100px}.step-item:before{left:-8px;width:8px;height:8px}.step-divider{width:40px;margin:0 4px}}@media(max-width:480px){.checkout-steps{gap:2px}.step-item{font-size:.65rem;padding:8px 12px;letter-spacing:1px;min-width:80px}.step-divider{width:24px;margin:0 2px}}.cart-page-wrapper{min-height:calc(100vh - 80px);padding-top:100px;padding-bottom:110px;background:radial-gradient(circle at center,#0b0e17,#05080f);position:relative;overflow:hidden;color:#f8fafc}.cart-bg-orb{position:absolute;border-radius:50%;filter:blur(120px);z-index:0;opacity:.5;animation:orb-float 25s infinite alternate ease-in-out;pointer-events:none}.cart-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15),transparent 70%);top:-10%;right:-10%}.cart-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.1),transparent 70%);bottom:-15%;left:-15%;animation-delay:-10s}@keyframes orb-float{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,-50px) scale(1.1)}to{transform:translate(-30px,30px) scale(.9)}}.cart-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:40px;position:relative;z-index:2}.cart-content-left{flex:1;animation:fadeSlideUp .8s cubic-bezier(.16,1,.3,1) forwards}.cart-sidebar-right{width:420px;position:sticky;top:120px;height:fit-content;animation:fadeSlideUp 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:#10152499;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);border-radius:20px;box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff0d;overflow:hidden;margin-bottom:24px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.glass-card:hover{border-color:#6366f133;box-shadow:0 25px 50px #0006,0 0 20px #6366f11a,inset 0 1px #ffffff14}.card-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;background:#ffffff03}.card-title{font-size:1.15rem;font-weight:800;margin:0;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:12px;color:#fff}.card-title-dot{width:8px;height:8px;background:#6366f1;border-radius:50%;box-shadow:0 0 12px #6366f1}.item-count-badge{font-size:.85rem;color:#94a3b8;font-weight:600;background:#ffffff0d;padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.offers-card{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#101524cc,#1e1b4b99);border:1px solid rgba(99,102,241,.15)}.offer-content{display:flex;align-items:center;gap:20px}.offer-icon-box{background:#6366f126;padding:12px;border-radius:14px;color:#818cf8;box-shadow:inset 0 0 0 1px #6366f133}.offer-title{font-weight:800;font-size:.95rem;color:#fff;letter-spacing:.08em;display:block;margin-bottom:4px}.offer-desc{font-size:.85rem;color:#cbd5e1;margin:0}.btn-apply{color:#a855f7;font-weight:800;font-size:.85rem;cursor:pointer;letter-spacing:.1em;padding:10px 24px;background:#a855f71a;border-radius:20px;border:1px solid rgba(168,85,247,.2);transition:all .3s ease;text-transform:uppercase}.btn-apply:hover{background:#a855f733;box-shadow:0 0 15px #a855f733;transform:translateY(-2px)}.cart-item-premium{padding:32px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .3s ease}.cart-item-premium:last-child{border-bottom:none}.cart-item-premium:hover{background:#ffffff05}.item-main-grid{display:flex;gap:32px;flex-wrap:wrap}.item-image-box{width:140px;height:140px;flex-shrink:0;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 10px 20px #0006;border:1px solid rgba(255,255,255,.1)}.item-image-box img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.cart-item-premium:hover .item-image-box img{transform:scale(1.05)}.item-details-box{flex:1;min-width:250px;display:flex;flex-direction:column}.item-brand{font-size:1.5rem;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#fff,#a8c0ff);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em}.item-name{font-size:1.15rem;color:#e2e8f0;margin:0 0 20px;font-weight:600}.customization-pill{background:#6366f114;padding:16px 20px;border-radius:16px;border:1px solid rgba(99,102,241,.15);margin-bottom:24px;font-size:.85rem;color:#e2e8f0}.cust-row{display:flex;margin-bottom:8px}.cust-row:last-child{margin-bottom:0}.cust-label{color:#a5b4fc;font-weight:700;width:120px;flex-shrink:0}.cust-value{flex:1}.cust-message{font-style:italic;color:#cbd5e1}.item-controls{margin-top:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.qty-wrapper{display:flex;align-items:center;gap:16px}.qty-label{font-size:.85rem;color:#94a3b8;font-weight:700;letter-spacing:.05em}.qty-selector{display:flex;align-items:center;background:#0000004d;border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.08)}.qty-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:1px solid transparent;color:#fff;font-weight:800;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qty-btn:hover{background:#6366f133;border-color:#6366f166;color:#a5b4fc}.qty-val{width:48px;text-align:center;font-weight:800;font-size:1.1rem;color:#f8fafc}.price-display{display:flex;align-items:center;gap:16px;background:#0003;padding:12px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.current-price{font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.price-meta{display:flex;flex-direction:column;justify-content:center}.mrp-price{font-size:.85rem;color:#64748b;text-decoration:line-through}.discount-badge{font-size:.85rem;color:#10b981;font-weight:800}.item-actions-panel{margin:32px -32px -32px;padding:16px 32px;background:#0003;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:24px}.action-btn{background:none;border:none;color:#94a3b8;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:all .2s ease}.action-btn:hover{color:#fff;background:#ffffff0d}.action-btn.remove:hover{color:#ef4444;background:#ef44441a}.action-btn.wishlist:hover{color:#8b5cf6;background:#8b5cf61a}.info-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.info-row:last-child{margin-bottom:0}.info-icon.green{background:#10b9811a;color:#10b981;box-shadow:inset 0 0 0 1px #10b98133}.info-icon.blue{background:#6366f11a;color:#818cf8;box-shadow:inset 0 0 0 1px #6366f133}.info-icon{padding:12px;border-radius:16px;display:flex;align-items:center;justify-content:center}.info-label{font-size:.75rem;font-weight:800;color:#64748b;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.info-value{font-size:1rem;color:#e2e8f0}.info-highlight{font-weight:800;color:#10b981}.summary-card{padding:32px}.summary-header{font-size:1.25rem;font-weight:800;color:#fff;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.summary-row{display:flex;justify-content:space-between;margin-bottom:16px;font-size:1rem;color:#cbd5e1}.summary-row.discount{color:#10b981}.summary-row.total{margin-top:24px;padding-top:24px;border-top:1px dashed rgba(255,255,255,.2);font-size:1.4rem;font-weight:800;color:#fff}.btn-checkout-premium{width:100%;margin-top:32px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;padding:18px 24px;border-radius:16px;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 10px 25px #6366f166;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.btn-checkout-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-checkout-premium:hover{transform:translateY(-3px);box-shadow:0 15px 35px #6366f180}.btn-checkout-premium:hover:before{left:100%}.empty-cart-wrapper{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0b0e17,#05080f);text-align:center}.empty-card-premium{background:#10152499;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);padding:60px;border-radius:32px;max-width:500px;width:90%;box-shadow:0 25px 50px #00000080;animation:auth-appear .8s ease-out}.empty-icon-box{width:120px;height:120px;margin:0 auto 32px;background:radial-gradient(circle,rgba(99,102,241,.2),transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.empty-icon{color:#818cf8;filter:drop-shadow(0 0 15px rgba(129,140,248,.5));animation:float 4s ease-in-out infinite}.empty-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:16px;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}.empty-subtitle{font-size:1.1rem;color:#94a3b8;line-height:1.6;margin-bottom:40px}.btn-explore{display:inline-block;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:16px 40px;border-radius:30px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-explore:hover{background:#6366f133;border-color:#6366f166;box-shadow:0 0 20px #6366f133;transform:translateY(-2px);color:#fff}@media(max-width:992px){.cart-container{flex-direction:column}.cart-sidebar-right{width:100%;position:static}}@media(max-width:576px){.item-main-grid{gap:16px}.item-image-box{width:80px;height:80px}.cart-item-premium{padding:20px 16px}.item-controls{flex-direction:column;align-items:flex-start;gap:12px}.qty-wrapper{width:100%;justify-content:space-between}.price-display{width:100%;justify-content:space-between;padding:10px 16px}.item-brand{font-size:1.2rem}.item-name{font-size:1rem;margin-bottom:12px}.customization-pill{padding:12px;font-size:.75rem}.cust-row{flex-direction:column;gap:2px;margin-bottom:12px}.cust-label{width:auto}.item-actions-panel{flex-direction:column;margin:20px -16px -20px;padding:12px 16px;gap:12px}.action-btn{width:100%;justify-content:center;background:#ffffff08}}:root{--accent-celestial: #6366f1;--accent-glow: #8b5cf6;--accent-secondary: #d946ef;--celestial-border: rgba(255, 255, 255, .1);--celestial-border-hover: rgba(99, 102, 241, .4);--celestial-text-primary: #f8fafc;--celestial-text-secondary: #cbd5e1;--celestial-text-muted: #64748b;--celestial-green: #10b981;--celestial-red: #ef4444;--celestial-card-bg: rgba(15, 23, 42, .6);--celestial-card-hover: rgba(30, 41, 59, .8);--celestial-gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--celestial-gradient-secondary: linear-gradient(135deg, rgba(99, 102, 241, .1) 0%, rgba(139, 92, 246, .1) 100%)}.checkout-page{background-color:#030712!important;min-height:100vh;color:var(--celestial-text-primary);padding-top:120px;padding-bottom:60px;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(217,70,239,.05) 0%,transparent 70%);position:relative;z-index:1}.checkout-page:before{content:"";position:fixed;inset:0;background:linear-gradient(45deg,transparent 49%,rgba(99,102,241,.02) 50%,transparent 51%),linear-gradient(-45deg,transparent 49%,rgba(139,92,246,.02) 50%,transparent 51%);background-size:60px 60px;pointer-events:none;z-index:-1}.checkout-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:40px;position:relative;z-index:2}.checkout-left{flex:1;animation:slideInUp .6s cubic-bezier(.16,1,.3,1) forwards}.checkout-right{width:420px;position:sticky;top:120px;height:fit-content;animation:slideInUp .8s cubic-bezier(.16,1,.3,1) forwards}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.section-title{font-size:1.5rem;font-weight:900;margin:0;letter-spacing:.05em;background:var(--celestial-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-title:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--celestial-gradient-primary);border-radius:2px;box-shadow:0 0 10px #6366f180}.checkout-card{background:var(--celestial-card-bg);border:1px solid var(--celestial-border);border-radius:24px;padding:32px;margin-bottom:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px -10px #00000080,0 0 0 1px #ffffff0d inset;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.checkout-card:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,#fff3,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.checkout-card:hover{background:var(--celestial-card-hover);border-color:var(--celestial-border-hover);box-shadow:0 20px 50px -10px #6366f126,0 0 0 1px #6366f133 inset;transform:translateY(-2px)}.address-card{background:var(--celestial-card-bg);border:1px solid var(--celestial-border);border-radius:20px;padding:28px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.address-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--celestial-gradient-primary);transform:scaleY(0);transition:transform .3s ease}.address-card.selected{border-color:var(--accent-celestial);background:#6366f10d;box-shadow:0 0 30px #6366f133}.address-card.selected:before{transform:scaleY(1)}.address-radio{width:24px;height:24px;border-radius:50%;border:2px solid var(--celestial-border);display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.address-radio:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--accent-celestial);transform:scale(0);transition:transform .2s ease}.address-card.selected .address-radio{border-color:var(--accent-celestial);box-shadow:0 0 15px #6366f166}.address-card.selected .address-radio:before{transform:scale(1)}.cart-item{padding:32px;border-bottom:1px solid rgba(255,255,255,.05);position:relative;transition:background .3s ease}.cart-item:hover{background:#ffffff05}.cart-item:last-child{border-bottom:none}.cart-item-image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0006;border:1px solid rgba(255,255,255,.1)}.cart-item-image-wrapper:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 20px #00000080;pointer-events:none}.cart-item-img{width:140px;height:180px;object-fit:cover;transition:transform .5s ease}.cart-item:hover .cart-item-img{transform:scale(1.05)}.price-details-header{font-size:.9rem;font-weight:800;color:var(--celestial-text-secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;display:flex;align-items:center;gap:12px}.price-details-header:before{content:"";width:8px;height:8px;background:var(--accent-celestial);border-radius:50%;box-shadow:0 0 10px var(--accent-celestial)}.price-row{display:flex;justify-content:space-between;margin-bottom:18px;font-size:1.05rem;color:var(--celestial-text-secondary);font-weight:500}.price-row.total{font-weight:800;font-size:1.4rem;border-top:1px dashed rgba(255,255,255,.15);padding-top:24px;margin-top:24px;color:#fff;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price-discount{color:var(--celestial-green);font-weight:700}.btn-place-order{background:var(--celestial-gradient-primary);background-size:200% auto;color:#fff;width:100%;padding:20px;font-weight:800;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:16px;font-size:1.1rem;margin-top:24px;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #6366f166,0 0 0 1px #ffffff1a inset;position:relative;overflow:hidden}.btn-place-order:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);animation:shine 3s infinite}.btn-place-order:hover{background-position:right center;transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #8b5cf699,0 0 0 1px #fff3 inset}.btn-place-order:active{transform:translateY(-1px) scale(.98)}.btn-place-order:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 5px 15px #6366f133}.order-summary-card{background:var(--celestial-card-bg);border:1px solid var(--celestial-border);border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0000004d,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden}.order-summary-card:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:var(--accent-celestial);filter:blur(80px);opacity:.1;pointer-events:none}.item-actions-footer{display:flex;border-top:1px solid rgba(255,255,255,.05);margin-top:24px}.action-btn{flex:1;background:#ffffff05;border:none;border-right:1px solid rgba(255,255,255,.05);color:var(--celestial-text-secondary);font-weight:700;font-size:.8rem;padding:16px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.action-btn:last-child{border-right:none}.action-btn:hover{color:#fff;background:#6366f126;box-shadow:inset 0 0 20px #6366f11a}.empty-state-card{background:var(--celestial-card-bg);border:1px solid var(--celestial-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:32px;padding:80px 40px;max-width:600px;margin:40px auto;box-shadow:0 20px 50px #00000080}.empty-state-visual{position:relative;width:120px;height:120px;margin:0 auto 30px}.empty-svg{color:var(--accent-celestial);filter:drop-shadow(0 0 15px rgba(99,102,241,.5));animation:float 6s ease-in-out infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 30px #6366f199}}@keyframes dot-pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@keyframes card-hover{0%,to{transform:rotateY(0) rotateX(0)}25%{transform:rotateY(5deg) rotateX(2deg)}75%{transform:rotateY(-5deg) rotateX(-2deg)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeInScale .5s cubic-bezier(.16,1,.3,1) forwards}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#050816f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInScale .3s ease}.loading-content{text-align:center;max-width:450px;padding:0 20px}.loading-icon{width:80px;height:80px;border-radius:50%;background:#6366f11a;border:2px dashed #818cf8;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:pulse-glow 2s infinite}.error-alert{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:16px 24px;margin:16px 0;display:flex;align-items:center;gap:12px;animation:fadeInScale .3s ease}.error-alert:before{content:"⚠️";font-size:1.2rem}.success-alert{background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.3);border-radius:16px;padding:16px 24px;margin:16px 0;display:flex;align-items:center;gap:12px;animation:fadeInScale .3s ease}.success-alert:before{content:"✅";font-size:1.2rem}@media(max-width:1024px){.checkout-container{flex-direction:column;gap:32px}.checkout-right{width:100%;position:static;order:-1}.section-header{margin-bottom:24px}.section-title{font-size:1.3rem}}@media(max-width:768px){.checkout-page{padding-top:100px;padding-left:16px;padding-right:16px}.checkout-container{padding:0 8px;gap:24px}.checkout-card,.address-card,.order-summary-card{padding:24px;border-radius:20px}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.section-title{font-size:1.2rem}.section-title:before{display:none}.payment-wrapper{flex-direction:column;min-height:auto}.payment-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--celestial-border);padding:0;background:#0f172a80}.payment-tab{padding:20px 24px;border-left:none;border-bottom:1px solid rgba(255,255,255,.05);transform:none!important}.payment-tab:before{display:none}.payment-tab.active{background:linear-gradient(to right,#6366f126,#6366f10d);transform:none!important}.payment-tab.active:after{display:none}.payment-content-area{padding:32px 24px}.payment-method-title{font-size:1.4rem}.address-card{padding:24px}.address-radio{width:20px;height:20px}.btn-place-order{padding:18px;font-size:1rem}}@media(max-width:480px){.checkout-page{padding-top:80px}.checkout-card,.address-card,.order-summary-card{padding:20px;border-radius:16px}.section-title{font-size:1.1rem}.payment-method-title{font-size:1.2rem}.payment-tab{padding:16px 20px;font-size:.9rem}.payment-tab span{font-size:1.4rem}.payment-content-area{padding:24px 20px}.payment-input{padding:16px 20px;font-size:.95rem}.bank-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.bank-item{height:80px}.price-row{font-size:1rem}.price-row.total{font-size:1.2rem}.btn-place-order{padding:16px;font-size:.95rem;letter-spacing:1.5px}}.payment-wrapper{display:flex;background:#1e293b4d;border:1px solid var(--celestial-border);border-radius:24px;overflow:hidden;min-height:520px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0000004d,0 0 0 1px #ffffff0d inset;position:relative}.payment-wrapper:before{content:"";position:absolute;inset:0;background:var(--celestial-gradient-secondary);opacity:.3;pointer-events:none}.payment-sidebar{width:280px;background:#0f172ab3;border-right:1px solid var(--celestial-border);padding:32px 0;position:relative;z-index:2}.payment-tab{padding:24px 32px;cursor:pointer;color:var(--celestial-text-secondary);font-weight:700;font-size:1rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:20px;border-left:4px solid transparent;opacity:.7;position:relative;overflow:hidden}.payment-tab:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--celestial-gradient-primary);transition:width .3s ease}.payment-tab span{font-size:1.6rem;transition:all .3s ease;z-index:1}.payment-tab:hover{background:#6366f114;color:#fff;opacity:1;transform:translate(8px)}.payment-tab:hover:before{width:4px}.payment-tab:hover span{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 10px rgba(99,102,241,.6))}.payment-tab.active{background:linear-gradient(to right,rgba(99,102,241,.15),transparent);color:#fff;border-left-color:var(--accent-celestial);opacity:1;transform:translate(8px)}.payment-tab.active:before{width:4px;box-shadow:0 0 20px var(--accent-celestial)}.payment-tab.active:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);height:60%;width:3px;background:var(--accent-celestial);box-shadow:0 0 20px var(--accent-celestial),0 0 10px #fff;border-radius:2px}.payment-content-area{flex:1;padding:48px;background:radial-gradient(circle at top right,rgba(139,92,246,.1),transparent 70%);display:flex;flex-direction:column;position:relative;z-index:2}.payment-method-title{font-size:1.75rem;font-weight:900;margin-bottom:24px;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px}.payment-info-card{background:#6366f108;border:1px solid rgba(99,102,241,.2);padding:28px;border-radius:20px;margin-bottom:32px;position:relative;overflow:hidden}.payment-info-card:before{content:"";position:absolute;top:-50px;left:-50px;width:150px;height:150px;background:var(--accent-celestial);filter:blur(80px);opacity:.1;pointer-events:none}.payment-info-tag{font-size:.75rem;font-weight:800;color:var(--accent-celestial);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;display:block}.payment-info-text{font-size:.95rem;line-height:1.6;color:var(--celestial-text-secondary);margin:0}.payment-input-group{margin-bottom:24px}.payment-label{display:block;font-size:.75rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.payment-input{width:100%;background:#0f172a66;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px 24px;color:#fff;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.payment-input:focus{background:#0f172acc;border-color:var(--accent-celestial);box-shadow:0 0 20px #6366f126,0 0 0 3px #6366f11a;transform:translateY(-2px);outline:none}.payment-input::placeholder{color:var(--celestial-text-muted);font-weight:400}.payment-input-group{margin-bottom:28px;position:relative}.payment-input-group.has-error .payment-input{border-color:var(--celestial-red);box-shadow:0 0 15px #ef444433}.payment-input-group.has-success .payment-input{border-color:var(--celestial-green);box-shadow:0 0 15px #10b98133}.input-validation-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.2rem;transition:all .3s ease}.input-validation-icon.success{color:var(--celestial-green)}.input-validation-icon.error{color:var(--celestial-red)}.bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;margin-top:10px}.bank-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);gap:12px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bank-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.1),transparent);opacity:0;transition:opacity .3s ease}.bank-item:hover{background:#6366f114;border-color:#6366f166;transform:translateY(-8px) scale(1.02);box-shadow:0 15px 30px #0000004d,0 0 20px #6366f133}.bank-item:hover:before{opacity:1}.bank-item.active{background:#6366f126;border-color:var(--accent-celestial);box-shadow:0 0 30px #6366f14d,inset 0 0 15px #6366f133}.bank-logo-placeholder{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.2rem;color:var(--celestial-text-secondary)}.bank-item:hover .bank-logo-placeholder{background:#6366f133;border-color:var(--accent-celestial);color:#fff;transform:scale(1.1);box-shadow:0 0 15px #6366f166}.bank-name{font-size:.8rem;font-weight:800;color:var(--celestial-text-secondary);letter-spacing:1px;text-transform:uppercase;transition:color .3s ease}.bank-item:hover .bank-name{color:#fff}@media(max-width:768px){.payment-wrapper{flex-direction:column;min-height:auto}.payment-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--celestial-border);display:flex;flex-direction:column;padding:0}.payment-tab{padding:16px 20px;border-left:4px solid transparent;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-start;width:100%}.payment-tab.active{border-left-color:var(--accent-celestial);border-bottom-color:#ffffff0d;background:linear-gradient(to right,rgba(99,102,241,.15),transparent)}.payment-tab.active:after{display:none}.payment-content-area{padding:32px 24px}}.success-page{min-height:calc(100vh - 80px);background:radial-gradient(circle at 50% 30%,#1e293b,#0a0e1a);display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.success-page:before,.success-page:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:os-orb-float 8s ease-in-out infinite}.success-page:before{width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.1),transparent);top:-80px;right:10%}.success-page:after{width:250px;height:250px;background:radial-gradient(circle,rgba(16,185,129,.06),transparent);bottom:-60px;left:15%;animation-delay:4s}@keyframes os-orb-float{0%,to{transform:translate(0)}50%{transform:translate(20px,-15px)}}.success-card.glass{max-width:500px;width:100%;padding:2rem 1.5rem;border-radius:20px;background:#0f172a80;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.06);box-shadow:0 25px 50px -12px #00000080,0 0 60px #6366f10f,inset 0 1px #ffffff0a;animation:os-card-appear .7s ease-out}@keyframes os-card-appear{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.success-icon-container{position:relative;width:fit-content;margin:0 auto 1rem}.success-icon{font-size:3.5rem;position:relative;z-index:2;filter:drop-shadow(0 0 20px rgba(251,191,36,.4));animation:os-icon-bounce 1s ease-out}@keyframes os-icon-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%);z-index:1;animation:os-pulseGlow 3s infinite}@keyframes os-pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.35);opacity:.7}}.success-card h2{font-size:1.75rem;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-lead{color:#94a3b8;font-size:.95rem;margin-bottom:1.5rem!important;line-height:1.5}.order-id-box{background:#ffffff05;border:1px dashed rgba(255,255,255,.1);padding:10px 16px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.order-id-box:hover{background:#6366f10d;border-color:#6366f140;box-shadow:0 0 20px #6366f10d}.id-label{color:#64748b;font-size:.8rem}.id-value{color:#e2e8f0;font-size:1rem;font-family:Fira Code,monospace;letter-spacing:.5px}.success-features{margin:1.5rem 0}.success-features h4{font-size:.9rem;color:#a5b4fc;margin-bottom:1rem;text-align:center;font-weight:600}.steps-list{display:flex;flex-direction:column;gap:.85rem;list-style:none!important;padding:0!important;text-align:left}.steps-list li{display:flex;gap:10px;align-items:flex-start}.step-num{font-size:.7rem;font-weight:800;color:#a5b4fc;background:#6366f11a;width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(99,102,241,.15)}.step-text{color:#94a3b8;font-size:.85rem;line-height:1.5}.action-buttons{display:flex;flex-direction:column;gap:8px;margin-top:1.5rem}.btn-primary-glow{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:10px 20px;border-radius:12px;font-weight:700;text-decoration:none;box-shadow:0 6px 20px #6366f14d;transition:all .4s cubic-bezier(.16,1,.3,1);font-size:.85rem;letter-spacing:.3px;text-align:center}.btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f166;color:#fff}.btn-outline-celestial{color:#e2e8f0;padding:10px 20px;border-radius:12px;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.08);background:#ffffff05;transition:all .4s cubic-bezier(.16,1,.3,1);font-size:.85rem;letter-spacing:.3px;text-align:center}.btn-outline-celestial:hover{background:#ffffff0f;border-color:#ffffff26;color:#fff;transform:translateY(-2px)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.confetti{position:absolute;width:8px;height:8px;background:linear-gradient(135deg,#6366f1,#a5b4fc);top:-10%;animation:confetti-fall 3s linear infinite;opacity:0}.confetti:nth-child(odd){background:linear-gradient(135deg,#fbbf24,#fcd34d)}.confetti:nth-child(1){left:10%;animation-delay:0s}.confetti:nth-child(2){left:20%;animation-delay:.2s}.confetti:nth-child(3){left:30%;animation-delay:.4s}.confetti:nth-child(4){left:40%;animation-delay:.6s}.confetti:nth-child(5){left:50%;animation-delay:.8s}.confetti:nth-child(6){left:60%;animation-delay:1s}.confetti:nth-child(7){left:70%;animation-delay:1.2s}.confetti:nth-child(8){left:80%;animation-delay:1.4s}.confetti:nth-child(9){left:90%;animation-delay:1.6s}.confetti:nth-child(10){left:15%;animation-delay:1.8s}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media(max-width:600px){.success-card.glass{padding:1.5rem 1.25rem}.success-icon{font-size:3rem}.success-card h2{font-size:1.5rem}.success-lead{font-size:.9rem}}.auth-page{min-height:100vh;padding-top:100px;padding-bottom:60px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0b0e17,#05080f);position:relative;overflow:hidden}.auth-bg-blob{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.6;animation:auth-drift 20s infinite alternate ease-in-out;pointer-events:none}.blob-1{width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.2),transparent 70%);top:-200px;right:-200px;animation-delay:0s}.blob-2{width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.15),transparent 70%);bottom:-150px;left:-150px;animation-delay:-5s}.blob-3{width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,.1),transparent 70%);top:30%;left:20%;animation-duration:25s}@keyframes auth-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-40px) scale(1.1)}to{transform:translate(-30px,20px) scale(.9)}}.auth-container{width:100%;max-width:480px;margin:0 auto;padding:0 20px;position:relative;z-index:2;perspective:1000px}.auth-card.glass-panel{background:#10152499;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a;transform-style:preserve-3d;animation:float-auth-card .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(30px) rotateX(10deg)}@keyframes float-auth-card{to{opacity:1;transform:translateY(0) rotateX(0)}}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-icon-premium{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,#6366f133,#a855f71a);border:1px solid rgba(168,85,247,.2);border-radius:20px;color:#fbbf24;margin-bottom:1.5rem;box-shadow:0 0 20px #6366f133;transform:rotate(45deg)}.auth-icon-premium svg{transform:rotate(-45deg);filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}.auth-title{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.5px}.title-highlight{background:linear-gradient(135deg,#a8c0ff,#e0c3fc);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-subtitle{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;max-width:90%;margin:0 auto}.form-fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-group{position:relative}.form-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem;letter-spacing:.5px;text-transform:uppercase}.optional-text{color:#64748b;font-weight:400;text-transform:none;font-size:.8rem}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;z-index:2;transition:color .3s ease}.premium-input{width:100%;background:#0f172a80!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:1rem 1rem 1rem 2.8rem!important;color:#fff!important;font-size:1rem!important;transition:all .3s ease!important;box-shadow:inset 0 2px 4px #0003}.premium-input::placeholder{color:#475569}.input-focus-border{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#6366f1,#a855f7);transition:all .4s cubic-bezier(.16,1,.3,1);transform:translate(-50%);border-radius:2px}.premium-input:focus{outline:none!important;border-color:#6366f14d!important;background:#0f172acc!important;box-shadow:inset 0 2px 4px #0003,0 0 15px #6366f126!important}.premium-input:focus+.input-focus-border{width:100%}.premium-input:focus~.input-icon{color:#818cf8}.auth-btn-premium{width:100%;position:relative;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:12px;padding:1.1rem;font-size:1.1rem;font-weight:700;cursor:pointer;overflow:hidden;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:0 10px 20px #4f46e54d}.auth-btn-premium .btn-glow{position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 60%);transform:translate(-50%,-50%) scale(0);transition:transform .5s cubic-bezier(.16,1,.3,1);border-radius:50%;pointer-events:none}.auth-btn-premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 25px #4f46e566}.auth-btn-premium:hover:not(:disabled) .btn-glow{transform:translate(-50%,-50%) scale(1);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.auth-btn-premium:active:not(:disabled){transform:translateY(0)}.auth-btn-premium.loading{background:linear-gradient(135deg,#4338ca,#3730a3);cursor:not-allowed}.btn-spinner{animation:rotate 2s linear infinite;color:#fffc}@keyframes rotate{to{transform:rotate(360deg)}}.glass-error{display:flex;align-items:center;gap:10px;background:#ef44441a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:14px 16px;border-radius:12px;margin-bottom:2rem;font-size:.9rem;font-weight:500;animation:error-shake .4s cubic-bezier(.36,.07,.19,.97) both}.error-icon{min-width:20px}@keyframes error-shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.footer-text{color:#94a3b8;margin-right:8px}.auth-toggle-btn-premium{background:none;border:none;color:#a5b4fc;font-weight:700;cursor:pointer;padding:0;font-size:.95rem;position:relative;transition:color .3s ease}.auth-toggle-btn-premium:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#818cf8,#c084fc);transition:width .3s ease}.auth-toggle-btn-premium:hover{color:#fff}.auth-toggle-btn-premium:hover:after{width:100%}.auth-toggle-btn-premium:disabled{opacity:.5;cursor:not-allowed}@media(max-width:576px){.auth-card.glass-panel{padding:2.5rem 1.5rem;border-radius:20px}.auth-title{font-size:1.8rem}.auth-icon-premium{width:60px;height:60px}}.wishlist-page{min-height:100vh;padding-top:120px;padding-bottom:var(--spacing-4xl);background:var(--color-bg-darker);position:relative;overflow-x:hidden}.wishlist-page:before,.wishlist-page:after{content:"";position:fixed;width:60vw;height:60vw;border-radius:50%;filter:blur(120px);z-index:0;pointer-events:none;opacity:.12;animation:drift 25s infinite alternate ease-in-out}.wishlist-page:before{top:-10%;left:-10%;background:radial-gradient(circle,rgba(99,102,241,.8),transparent 70%)}.wishlist-page:after{bottom:-10%;right:-10%;background:radial-gradient(circle,rgba(236,72,153,.8),transparent 70%);animation-delay:-12.5s}.wishlist-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);position:relative;z-index:1}.wishlist-header{margin-bottom:var(--spacing-3xl);text-align:center;animation:fadeDown .8s ease-out forwards}.wishlist-header h1{font-size:3.5rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#e0c3fc,#8ec5fc);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:var(--spacing-xs)}.wishlist-count{color:var(--color-text-secondary);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;display:inline-block;padding:8px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wishlist-empty{max-width:600px;margin:4rem auto;padding:4rem;text-align:center;background:#0f0f1e66;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:32px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;animation:slideUp .8s ease-out forwards}.empty-icon-wrapper{margin-bottom:2rem;position:relative;display:flex;justify-content:center;align-items:center}.empty-icon-wrapper svg{color:#a8c0ffcc;filter:drop-shadow(0 0 15px rgba(168,192,255,.4));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.star-twinkle{position:absolute;top:-10px;right:40%;color:#fbbf24;font-size:1.5rem;animation:twinkle 2s infinite alternate}@keyframes twinkle{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.wishlist-empty h2{font-size:2rem;margin-bottom:1rem;color:var(--color-text-primary);font-weight:700}.wishlist-empty p{color:var(--color-text-secondary);margin-bottom:2.5rem;line-height:1.6;font-size:1.1rem}.browse-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff!important;font-weight:700;font-size:1.1rem;border-radius:30px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:none;box-shadow:0 10px 25px #6366f166;position:relative;overflow:hidden;letter-spacing:.5px}.browse-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.browse-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px #a855f780}.browse-btn:hover:before{left:100%}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;animation:fadeUp .8s ease-out forwards}.wishlist-card{background:#0f0f1e66;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.wishlist-card:hover{transform:translateY(-8px);border-color:#6366f166;box-shadow:0 20px 45px #6366f133,inset 0 1px #ffffff1a}.card-image-wrapper{position:relative;height:380px;overflow:hidden}.item-image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.wishlist-card:hover .item-image{transform:scale(1.08)}.card-image-wrapper:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 50px #0009;pointer-events:none;z-index:1}.card-overlay{position:absolute;bottom:0;left:0;width:100%;padding:30px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 50%,transparent 100%);transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;justify-content:center;z-index:2}.wishlist-card:hover .card-overlay{transform:translateY(0)}.quick-add-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;width:100%;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease;box-shadow:0 4px 15px #0003}.quick-add-btn:hover{background:#fff3;border-color:#fff6;box-shadow:0 0 20px #fff3;transform:scale(1.02)}.remove-btn{position:absolute;top:15px;right:15px;width:36px;height:36px;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;z-index:10}.remove-btn svg{transition:transform .3s ease}.remove-btn:hover{background:#ef444499;border-color:#ef4444cc;box-shadow:0 0 15px #ef444466}.remove-btn:hover svg{transform:rotate(90deg)}.card-content{padding:24px;position:relative;z-index:2;background:linear-gradient(to bottom,#0f0f1ee6,#0f0f1e)}.item-badge{color:#a8c0ff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;display:inline-block;background:#a8c0ff1a;padding:4px 10px;border-radius:20px;border:1px solid rgba(168,192,255,.2)}.card-content h3{font-size:1.35rem;margin-bottom:16px;color:var(--color-text-primary);font-weight:800;letter-spacing:-.5px}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.item-price{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,#fdfbfb,#ebedee);-webkit-background-clip:text;background-clip:text;color:transparent}.rating-pill{background:#fbbf241a;padding:6px 12px;border-radius:20px;font-size:.85rem;color:#fbbf24;display:flex;align-items:center;gap:6px;font-weight:700;border:1px solid rgba(251,191,36,.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.wishlist-page{padding-top:100px}.wishlist-header h1{font-size:2.5rem;padding:0 10px}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.card-image-wrapper{height:320px}.card-overlay{background:linear-gradient(to top,#000000e6,#0009);transform:translateY(0);padding:20px}.wishlist-card{transform:translateY(0)!important}.wishlist-card:hover{box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;border-color:#ffffff14}}@media(max-width:480px){.wishlist-header h1{font-size:2rem}.wishlist-empty{padding:2.5rem 1.5rem;margin:2rem 1rem}}.account-page{min-height:100vh;padding-top:120px;padding-bottom:var(--spacing-4xl);background:var(--color-bg-darker);position:relative;overflow-x:hidden}.account-page:before,.account-page:after{content:"";position:fixed;width:60vw;height:60vw;border-radius:50%;filter:blur(120px);z-index:0;pointer-events:none;opacity:.15;animation:drift 20s infinite alternate ease-in-out}.account-page:before{top:-10%;left:-10%;background:radial-gradient(circle,rgba(99,102,241,.8),transparent 70%)}.account-page:after{bottom:-10%;right:-10%;background:radial-gradient(circle,rgba(236,72,153,.8),transparent 70%);animation-delay:-10s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(5%,5%) scale(1.1)}}.account-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);position:relative;z-index:1}.account-header{margin-bottom:var(--spacing-4xl);text-align:left;animation:fadeDown 1s cubic-bezier(.16,1,.3,1) forwards;position:relative;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.account-header:after{content:"";position:absolute;bottom:-1px;left:0;width:150px;height:1px;background:linear-gradient(90deg,#6366f1,transparent);box-shadow:0 0 10px #6366f1}.account-header .header-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.dashboard-title{font-size:3.5rem;font-weight:900;margin-bottom:var(--spacing-sm);letter-spacing:-1.5px;position:relative;display:block}.title-glow{background:linear-gradient(135deg,#fff,#a8c0ff,#e0c3fc);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:2;filter:drop-shadow(0 0 20px rgba(168,192,255,.3))}.dashboard-subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:700px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;line-height:1.6;animation:fadeRight 1s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}.user-name-highlight{color:#fff;font-weight:700;background:linear-gradient(90deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding:0 4px}.sparkle-icon{color:#fbbf24;animation:spin-pulse 4s linear infinite;filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}@keyframes spin-pulse{0%{transform:rotate(0) scale(1);opacity:.7}50%{transform:rotate(180deg) scale(1.2);opacity:1}to{transform:rotate(360deg) scale(1);opacity:.7}}.account-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-2xl);align-items:start}.glass{background:#0f0f1e66;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass:hover{border-color:#ffffff26;box-shadow:0 15px 45px #0006,inset 0 1px #ffffff1a}.profile-sidebar{padding:var(--spacing-2xl);text-align:center;position:sticky;top:120px;animation:fadeRight .8s ease-out forwards}.profile-avatar-container{position:relative;width:140px;height:140px;margin:0 auto var(--spacing-xl)}.avatar-main{width:100%;height:100%;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#fff;box-shadow:0 10px 30px #6366f166;position:relative;z-index:2;text-transform:uppercase}.avatar-ring{position:absolute;inset:-10px;border:2px solid rgba(168,85,247,.5);border-radius:var(--radius-full);animation:ripple 2.5s infinite linear;z-index:1}@keyframes ripple{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}.profile-name{font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.profile-email{color:#fff9;font-size:.95rem;margin-bottom:var(--spacing-xl)}.sidebar-nav{display:flex;flex-direction:column;gap:.75rem;margin-bottom:var(--spacing-2xl)}.nav-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:16px;background:transparent;border:1px solid transparent;color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;font-size:1.05rem}.nav-item:hover{background:#ffffff0d;color:var(--color-text-primary);transform:translate(5px)}.nav-item.active{background:linear-gradient(90deg,rgba(99,102,241,.15) 0%,transparent 100%);color:#a8c0ff;border-left:4px solid #a8c0ff;border-radius:4px 16px 16px 4px}.nav-item svg{transition:transform .3s ease}.nav-item:hover svg{transform:scale(1.1)}.logout-btn-premium{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:16px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.logout-btn-premium:hover{background:#ef444433;transform:translateY(-2px);box-shadow:0 4px 15px #ef444433}.dashboard-content{animation:fadeLeft .8s ease-out forwards}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.dashboard-stat-card{padding:2rem 1.5rem;display:flex;align-items:center;gap:1.5rem;position:relative;overflow:hidden}.dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03),transparent);transform:translate(-100%);transition:transform .6s}.dashboard-stat-card:hover:before{transform:translate(100%)}.stat-icon-wrapper{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.stat-icon-wrapper:before{content:"";position:absolute;inset:0;border-radius:inherit;filter:blur(10px);opacity:.5;z-index:-1}.stat-icon-wrapper.orders{background:linear-gradient(135deg,#6366f133,#8b5cf633);color:#a8c0ff;border:1px solid rgba(168,192,255,.2)}.stat-icon-wrapper.orders:before{background:#a8c0ff}.stat-icon-wrapper.stars{background:linear-gradient(135deg,#f59e0b33,#d9770633);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.stat-icon-wrapper.stars:before{background:#fbbf24}.stat-icon-wrapper.security{background:linear-gradient(135deg,#10b98133,#05966933);color:#34d399;border:1px solid rgba(52,211,153,.2)}.stat-icon-wrapper.security:before{background:#34d399}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:800;color:var(--color-text-primary);line-height:1.2}.stat-label{font-size:.85rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-top:5px}.order-history-card{padding:2.5rem}.card-title-group{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.card-title-group h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.card-title-group h2 svg{color:#a8c0ff}.premium-table-wrapper{overflow-x:auto}.premium-table{width:100%;border-collapse:separate;border-spacing:0 8px}.premium-table th{padding:1rem;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);font-weight:600;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.order-row{background:#ffffff05;transition:all .3s ease;cursor:pointer}.order-row td{padding:1.25rem 1rem;vertical-align:middle;color:var(--color-text-primary);font-size:1.05rem}.order-row td:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}.order-row td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}.order-row:hover{background:#ffffff0f;transform:scale(1.01);box-shadow:0 4px 20px #0003}.order-row.expanded{background:#6366f11a;border-left:2px solid #818cf8}.order-id{font-family:monospace;color:#a8c0ff!important;font-weight:600;letter-spacing:1px}.badge-celestial{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:inline-block}.badge-celestial.completed{background:#10b98126;color:#34d399;border:1px solid rgba(52,211,153,.3)}.badge-celestial.pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.order-price{font-weight:700;background:linear-gradient(90deg,#fdfbfb,#ebedee);-webkit-background-clip:text;background-clip:text;color:transparent!important}.btn-icon{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.order-row:hover .btn-icon{background:var(--gradient-primary);border-color:transparent;transform:rotate(90deg)}.order-row.expanded .btn-icon{transform:rotate(180deg);background:#fff3}.order-details-row td{padding:0}.order-details-content{background:#0000004d;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);border-radius:0 0 16px 16px;padding:2rem;margin-bottom:1rem;animation:slideDown .3s ease-out}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.detail-section h5{font-size:1rem;color:#a8c0ff;margin-bottom:1rem;font-weight:600}.detail-section p{margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.95rem}.detail-section p strong{color:var(--color-text-primary);margin-right:.5rem}.certificate-preview-section{grid-column:span 1}.certificate-thumbnail{margin-top:1.5rem;aspect-ratio:1.414;overflow:hidden;position:relative;padding:1.25rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#020617);box-shadow:0 15px 40px #0009,inset 0 0 15px #fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:8px;transition:all .5s ease}.certificate-thumbnail:hover{transform:translateY(-5px) scale(1.02);border-color:#fbbf2480;box-shadow:0 20px 50px #000c,0 0 15px #fbbf2433}.cert-inner{width:100%;height:100%;border:1px solid rgba(251,191,36,.3);padding:1rem;text-align:center;display:flex;flex-direction:column;justify-content:center;background:#fbbf2405;position:relative;outline:1px solid rgba(251,191,36,.1);outline-offset:-5px}.cert-inner h4{font-family:Cinzel,serif;font-size:.6rem;text-transform:uppercase;color:#fbbf24;letter-spacing:3px;margin-bottom:.5rem;opacity:.8}.cert-star-name{font-family:Cinzel,serif;font-size:1.4rem!important;background:linear-gradient(135deg,#fff,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(251,191,36,.2);font-weight:700;margin:8px 0!important}.cert-footer{font-family:Cinzel,serif;font-size:.45rem;color:#fbbf2499;margin-top:.75rem;text-transform:uppercase;letter-spacing:2px}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.account-layout{grid-template-columns:1fr;gap:var(--spacing-xl)}.profile-sidebar{position:relative;top:0}}@media(max-width:768px){.account-page{padding-top:100px}.dashboard-stats-grid,.detail-grid{grid-template-columns:1fr}.premium-table{min-width:800px}}.btn-premium-action{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff!important;font-weight:700;font-size:1.1rem;border-radius:30px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:none;box-shadow:0 10px 25px #6366f166;position:relative;overflow:hidden;letter-spacing:.5px;margin-top:1.5rem}.btn-premium-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-premium-action:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px #a855f780}.btn-premium-action:hover:before{left:100%}.no-orders p{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:2rem;font-weight:500}.system-health{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.health-header h4{margin:0;color:#fff;font-weight:700;font-size:1.125rem}.last-check{font-size:.75rem;color:#64748b;font-weight:500}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.health-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.health-item:hover{background:#ffffff14;transform:translateY(-2px)}.health-icon{font-size:1.5rem;flex-shrink:0}.health-info{flex:1;min-width:0}.health-label{font-size:.875rem;color:#94a3b8;font-weight:500;margin-bottom:.25rem}.health-status{font-size:.875rem;font-weight:700;text-transform:capitalize}.refresh-health{width:100%;padding:.75rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.refresh-health:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-1px)}@media(max-width:768px){.health-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.health-item{padding:.75rem}.health-header{flex-direction:column;gap:.5rem;align-items:flex-start}}.admin-stats{width:100%}.admin-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-stats-header h2{font-size:1.75rem;font-weight:800;margin:0;color:#fff}.admin-stats-header .btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:600;transition:all .3s ease}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-color-start),var(--card-color-end))}.stat-card-blue{--card-color-start: #3b82f6;--card-color-end: #1d4ed8}.stat-card-green{--card-color-start: #10b981;--card-color-end: #059669}.stat-card-purple{--card-color-start: #8b5cf6;--card-color-end: #7c3aed}.stat-card-orange{--card-color-start: #f59e0b;--card-color-end: #d97706}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d;border-color:#fff3}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px}.stat-change{font-size:.875rem;font-weight:700;padding:.25rem .5rem;border-radius:6px}.stat-change.positive{background:#10b98133;color:#10b981}.stat-change.negative{background:#ef444433;color:#ef4444}.stat-content{text-align:left}.stat-value{font-size:2rem;font-weight:800;margin:0 0 .5rem;color:#fff}.stat-title{font-size:.875rem;color:#94a3b8;margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stats-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.revenue-chart,.recent-orders{background:#ffffff0d;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.revenue-chart h3,.recent-orders h3{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#fff}.chart-placeholder{min-height:200px;display:flex;align-items:center;justify-content:center;background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.chart-info{text-align:center;color:#94a3b8}.revenue-list{display:flex;flex-direction:column;gap:.5rem;max-height:150px;overflow-y:auto}.revenue-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:8px;font-size:.875rem}.revenue-date{color:#94a3b8}.revenue-amount{color:#10b981;font-weight:600}.orders-list{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto}.order-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.order-item:hover{background:#ffffff14;transform:translate(4px)}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-id{font-size:.75rem;color:#6366f1;font-weight:700;font-family:monospace}.order-user{font-weight:600;color:#fff}.order-star{font-size:.875rem;color:#94a3b8}.order-details{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.order-status{font-size:.75rem;padding:.25rem .5rem;border-radius:6px;font-weight:600;text-transform:uppercase}.status-completed{background:#10b98133;color:#10b981}.status-pending{background:#f59e0b33;color:#f59e0b}.status-failed{background:#ef444433;color:#ef4444}.no-data{text-align:center;color:#64748b;font-style:italic;padding:2rem}.admin-stats-loading,.admin-stats-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.admin-stats-loading p{margin-top:1rem;color:#94a3b8}.admin-stats-error .alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:12px;padding:1.5rem;max-width:400px}.admin-stats-error h5{color:#ef4444;margin-bottom:.5rem}.system-health-section{margin-top:2rem}@media(max-width:1024px){.stats-details{grid-template-columns:1fr;gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}}@media(max-width:768px){.admin-stats-header{flex-direction:column;gap:1rem;align-items:stretch}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.revenue-chart,.recent-orders{padding:1rem}}.admin-users{width:100%}.admin-users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.admin-users-header h2{font-size:1.75rem;font-weight:800;margin:0 0 .5rem;color:#fff}.users-count{color:#94a3b8;margin:0;font-weight:600}.users-table-container{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;margin-bottom:2rem}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#ffffff0d;padding:1rem;text-align:left;font-weight:700;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.user-row{transition:all .3s ease}.user-row:hover{background:#ffffff0d}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem}.user-name{font-weight:600;color:#fff;margin-bottom:.25rem}.user-id{font-size:.75rem;color:#64748b;font-family:monospace}.user-email{color:#94a3b8;font-weight:500}.role-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.role-admin{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.role-user{background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.user-date{color:#94a3b8;font-size:.875rem}.no-users{text-align:center;padding:3rem;color:#64748b}.modal-content{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;border:1px solid rgba(255,255,255,.1);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}.btn-close{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.user-details{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#ffffff0d;border-radius:12px}.user-avatar-large{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.5rem}.user-info-detailed h4{margin:0 0 .5rem;color:#fff;font-weight:700}.user-info-detailed p{margin:.25rem 0;color:#94a3b8}.user-meta{font-size:.875rem;color:#64748b!important}.user-actions{display:flex;flex-direction:column;gap:2rem}.role-buttons{display:flex;gap:1rem}.role-buttons .btn{flex:1;padding:.75rem;border-radius:8px;font-weight:600;transition:all .3s ease}.admin-users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.admin-users-loading p{margin-top:1rem;color:#94a3b8}@media(max-width:1024px){.users-table{font-size:.875rem}.users-table th,.users-table td{padding:.75rem}}@media(max-width:768px){.admin-users-header{flex-direction:column;gap:1rem;align-items:stretch}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.modal-content{width:95%;margin:1rem}.role-buttons{flex-direction:column}.user-details{flex-direction:column;text-align:center}}.admin-orders{width:100%}.admin-orders-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.admin-orders-header h2{font-size:1.75rem;font-weight:800;margin:0 0 .5rem;color:#fff}.orders-count{color:#94a3b8;margin:0;font-weight:600}.orders-controls{display:flex;gap:1rem;align-items:center}.form-select{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.875rem;font-weight:600;min-width:150px}.form-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.orders-table-container{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;margin-bottom:2rem}.orders-table{width:100%;border-collapse:collapse}.orders-table th{background:#ffffff0d;padding:1rem;text-align:left;font-weight:700;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.orders-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.order-row{transition:all .3s ease}.order-row:hover{background:#ffffff0d}.order-id{font-family:monospace;font-weight:700;color:#6366f1;font-size:.875rem}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{font-weight:600;color:#fff}.customer-email{font-size:.875rem;color:#94a3b8}.star-name{color:#e2e8f0;font-weight:500}.order-amount{font-weight:700;color:#10b981}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.payment-blue,.order-blue{background:#3b82f633;color:#60a5fa}.payment-green,.order-green{background:#10b98133;color:#34d399}.payment-orange,.order-orange{background:#f59e0b33;color:#fbbf24}.payment-red,.order-red{background:#ef444433;color:#f87171}.payment-purple,.order-purple{background:#8b5cf633;color:#a78bfa}.order-date{color:#94a3b8;font-size:.875rem}.no-orders{text-align:center;padding:3rem;color:#64748b}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.page-info{color:#94a3b8;font-weight:600}.order-modal{max-width:700px;width:90%}.order-details{margin-bottom:2rem}.order-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:#fff;font-weight:500}.dedication-message,.shipping-address{padding:1rem;background:#ffffff0d;border-radius:12px;margin-bottom:1rem}.dedication-message label,.shipping-address label{font-size:.875rem;font-weight:600;color:#e2e8f0;display:block;margin-bottom:.5rem}.dedication-message p,.shipping-address p{color:#94a3b8;margin:0;line-height:1.5}.order-actions{display:flex;flex-direction:column;gap:1.5rem}.action-group h5{margin:0 0 1rem;color:#e2e8f0;font-weight:600;font-size:1rem}.status-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.status-buttons .btn{padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;text-transform:capitalize;transition:all .3s ease}.danger-zone{border-top:1px solid rgba(239,68,68,.2);padding-top:1.5rem}.danger-zone h5{color:#fca5a5}.danger-zone .btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.danger-zone .btn:hover{background:#ef444433;border-color:#ef444480}.admin-orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.admin-orders-loading p{margin-top:1rem;color:#94a3b8}.btn-close{background:none;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.btn-close:hover{background:#ffffff1a;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;border:1px solid rgba(255,255,255,.1);max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;color:#fff;font-weight:700}.modal-header .btn-close{font-size:1.5rem;width:30px;height:30px}.modal-body{padding:1.5rem}@media(max-width:1024px){.orders-table{font-size:.875rem}.orders-table th,.orders-table td{padding:.75rem}.admin-orders-header{flex-direction:column;gap:1rem;align-items:stretch}.orders-controls{justify-content:flex-start}}@media(max-width:768px){.orders-table-container{overflow-x:auto}.orders-table{min-width:800px}.order-modal{width:95%;margin:1rem}.order-info-grid{grid-template-columns:1fr}.status-buttons{flex-direction:column}.status-buttons .btn{width:100%}}.admin-packages{width:100%}.admin-packages-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.admin-packages-header h2{font-size:1.75rem;font-weight:800;margin:0 0 .5rem;color:#fff}.packages-count{color:#94a3b8;margin:0;font-weight:600}.packages-controls{display:flex;gap:1rem}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.package-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.package-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d;border-color:#fff3}.package-header{position:relative;height:150px;overflow:hidden}.package-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#334155)}.package-image img{width:100%;height:100%;object-fit:cover}.package-placeholder{font-size:3rem;color:#6366f1}.category-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.category-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.category-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.category-gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.category-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.package-content{padding:1.5rem}.package-name{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#fff}.package-description{color:#94a3b8;margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.package-price{font-size:1.5rem;font-weight:800;color:#10b981;margin-bottom:1rem}.package-features{margin-bottom:1rem}.package-features h5{font-size:.875rem;font-weight:600;color:#e2e8f0;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.package-features ul{list-style:none;padding:0;margin:0}.package-features li{color:#94a3b8;font-size:.875rem;position:relative;padding:.25rem 0 .25rem 1rem}.package-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.package-actions{padding:0 1.5rem 1.5rem;display:flex;gap:.5rem}.package-actions .btn{flex:1;padding:.5rem;font-size:.875rem;border-radius:8px;font-weight:600}.no-packages{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:300px}.no-packages-content{text-align:center;color:#64748b}.no-packages-content h3{color:#94a3b8;margin-bottom:1rem}.package-modal{max-width:600px;width:90%}.package-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:#e2e8f0;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.features-list{display:flex;flex-direction:column;gap:.5rem}.feature-input{display:flex;gap:.5rem;align-items:center}.feature-input input{flex:1}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.package-view{display:flex;flex-direction:column;gap:1.5rem}.package-view-header{display:flex;gap:1rem;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px}.package-view-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center}.package-view-image img{width:100%;height:100%;object-fit:cover}.package-view-info h4{margin:0 0 .5rem;color:#fff;font-weight:700}.package-view-price{font-size:1.25rem;font-weight:800;color:#10b981;margin:.5rem 0}.package-view-description,.package-view-features{padding:1rem;background:#ffffff0d;border-radius:12px}.package-view-description h5,.package-view-features h5{margin:0 0 1rem;color:#e2e8f0;font-weight:600;font-size:1rem}.package-view-description p{color:#94a3b8;line-height:1.6;margin:0}.package-view-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.package-view-features li{color:#94a3b8;padding-left:1.5rem;position:relative}.package-view-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.package-view-actions{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.admin-packages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.admin-packages-loading p{margin-top:1rem;color:#94a3b8}.action-loading{position:fixed;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-loading p{margin-top:1rem;color:#94a3b8;font-weight:600}.alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:12px;padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}@media(max-width:1024px){.packages-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.admin-packages-header{flex-direction:column;gap:1rem;align-items:stretch}.packages-controls{justify-content:flex-start}}@media(max-width:768px){.packages-grid{grid-template-columns:1fr}.package-modal{width:95%;margin:1rem}.form-row{grid-template-columns:1fr}.package-view-header{flex-direction:column;text-align:center}.form-actions,.package-actions{flex-direction:column}}.admin-export{width:100%}.admin-export h3{font-size:1.5rem;font-weight:700;margin:0 0 2rem;color:#fff}.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.export-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:1.5rem;transition:all .3s ease}.export-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;border-color:#fff3}.export-card h4{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#fff;display:flex;align-items:center;gap:.5rem}.export-card p{color:#94a3b8;margin:0 0 1.5rem;line-height:1.5}.export-actions{display:flex;gap:.75rem}.export-actions .btn{flex:1;padding:.75rem;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .3s ease}.export-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.export-loading p{margin-top:1rem;color:#94a3b8;font-weight:600}.alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:12px;padding:1rem;margin-bottom:1.5rem}@media(max-width:768px){.export-grid{grid-template-columns:1fr;gap:1rem}.export-actions{flex-direction:column}}.server-config{background:#1e293bcc;border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(251,191,36,.2)}.config-header{text-align:center;margin-bottom:32px}.config-header h3{color:#fbbf24;margin-bottom:8px;font-size:1.5rem}.config-header p{color:#cbd5e1;margin:0}.config-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(251,191,36,.1)}.config-section:last-child{border-bottom:none;margin-bottom:0}.config-section h4{color:#f1f5f9;margin-bottom:16px;font-size:1.1rem}.config-info{background:#0f172a99;border-radius:8px;padding:16px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(251,191,36,.1)}.info-row:last-child{border-bottom:none}.info-row .label{color:#94a3b8;font-weight:500}.info-row .value{color:#f1f5f9;font-family:Courier New,monospace;font-size:.9rem}.test-section{display:flex;flex-direction:column;gap:16px}.test-result{padding:12px;border-radius:8px;border-left:4px solid}.test-result.success{background:#22c55e1a;border-left-color:#22c55e}.test-result.error{background:#ef44441a;border-left-color:#ef4444}.test-result .status{font-weight:600;display:block;margin-bottom:4px}.test-result.success .status{color:#22c55e}.test-result.error .status{color:#ef4444}.test-result .details{color:#cbd5e1;font-size:.9rem;font-family:Courier New,monospace}.url-input-section{display:flex;flex-direction:column;gap:16px}.preset-buttons{display:flex;gap:8px;flex-wrap:wrap}.preset-buttons .btn{font-size:.85rem;padding:6px 12px}.url-input{display:flex;gap:12px;align-items:center}.url-input .form-control{flex:1;background:#0f172acc;border:1px solid rgba(251,191,36,.3);color:#f1f5f9;padding:10px 12px;border-radius:6px;font-family:Courier New,monospace}.url-input .form-control:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2433}.url-help{color:#94a3b8;font-size:.85rem;line-height:1.4}.environments-list{display:flex;flex-direction:column;gap:12px}.env-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#0f172a99;border-radius:8px;border:1px solid rgba(251,191,36,.1)}.env-name{font-weight:600;color:#fbbf24;min-width:100px}.env-url{flex:1;color:#cbd5e1;font-family:Courier New,monospace;font-size:.9rem;margin:0 16px}.btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline-secondary{background:transparent;color:#cbd5e1;border:1px solid rgba(203,213,225,.3)}.btn-outline-secondary:hover{background:#cbd5e11a;color:#f1f5f9}.btn-outline-primary{background:transparent;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.btn-outline-primary:hover{background:#fbbf241a;color:#fbbf24}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-success:hover{box-shadow:0 4px 12px #22c55e4d}.btn-sm{padding:6px 12px;font-size:.85rem}@media(max-width:768px){.server-config{padding:16px}.url-input{flex-direction:column;align-items:stretch}.env-item{flex-direction:column;align-items:flex-start;gap:8px}.env-url{margin:0;word-break:break-all}}.admin-settings{width:100%}.admin-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-settings-header h2{font-size:1.75rem;font-weight:800;margin:0;color:#fff}.settings-actions{display:flex;gap:1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.settings-section{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-section h3{font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;color:#fff;display:flex;align-items:center;gap:.5rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#e2e8f0;font-size:.875rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.875rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-text{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#e2e8f0;position:relative}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:20px;width:20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:4px;position:relative;transition:all .3s ease;flex-shrink:0}.checkbox-label:hover .checkmark{border-color:#6366f1}.checkbox-label input:checked~.checkmark{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input:checked~.checkmark:after{display:block}.alert{padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-weight:600}.alert-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline-secondary{background:transparent;border:1px solid rgba(148,163,184,.3);color:#94a3b8}.btn-outline-secondary:hover{background:#94a3b81a;border-color:#94a3b880;color:#e2e8f0}@media(max-width:1024px){.settings-grid{grid-template-columns:1fr;gap:1.5rem}.admin-settings-header{flex-direction:column;gap:1rem;align-items:stretch}.settings-actions{justify-content:flex-start}}@media(max-width:768px){.form-row{grid-template-columns:1fr}.settings-actions{flex-direction:column}.settings-section{padding:1rem}}.admin-notifications{position:relative}.notifications-trigger{position:relative;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.notifications-trigger:hover{background:#6366f14d;transform:scale(1.05)}.notification-badge{position:absolute;top:-2px;right:-2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .375rem;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.notifications-overlay{position:fixed;inset:0;z-index:999}.notifications-dropdown{position:absolute;top:50px;right:0;width:350px;max-height:500px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.notifications-header h4{margin:0;color:#fff;font-weight:700;font-size:1rem}.mark-all-read{background:none;border:none;color:#6366f1;font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .3s ease}.mark-all-read:hover{background:#6366f11a}.notifications-list{max-height:350px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .3s ease;position:relative}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#6366f10d;border-left:3px solid #6366f1}.notification-item.unread:before{content:"";position:absolute;left:1rem;top:1.25rem;width:8px;height:8px;background:#6366f1;border-radius:50%}.notification-icon{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:#fff;font-size:.875rem;margin-bottom:.25rem}.notification-message{color:#94a3b8;font-size:.8125rem;line-height:1.4;margin-bottom:.5rem}.notification-time{color:#64748b;font-size:.75rem;font-weight:500}.notification-delete{background:none;border:none;color:#64748b;font-size:1.25rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;flex-shrink:0}.notification-delete:hover{background:#ef444433;color:#ef4444}.no-notifications{text-align:center;padding:2rem;color:#64748b}.notifications-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.view-all-btn{width:100%;padding:.75rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{background:#6366f133;border-color:#6366f180}.notifications-list::-webkit-scrollbar{width:4px}.notifications-list::-webkit-scrollbar-track{background:#ffffff0d}.notifications-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.notifications-dropdown{width:300px;right:-50px}.notification-item,.notifications-header,.notifications-footer{padding:.75rem 1rem}}.admin-dashboard{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.admin-header{background:#1e293bcc;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:2rem;font-weight:800;margin:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-user-info{display:flex;align-items:center;gap:1.5rem;font-weight:600}.quick-actions{display:flex;gap:.5rem}.quick-action-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.quick-action-btn:hover{background:#6366f14d;transform:scale(1.1)}.user-info{display:flex;align-items:center;gap:1rem}.admin-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:800;letter-spacing:1px}.admin-container{max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:250px 1fr;gap:2rem;min-height:calc(100vh - 100px)}.admin-sidebar{background:#1e293b66;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:1.5rem;height:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-nav{display:flex;flex-direction:column;gap:.5rem}.admin-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:transparent;border:none;border-radius:12px;color:#94a3b8;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:left}.admin-nav-item:hover{background:#6366f11a;color:#e2e8f0;transform:translate(4px)}.admin-nav-item.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 20px #6366f14d}.admin-nav-icon{font-size:1.25rem;width:24px;text-align:center}.admin-nav-label{font-size:.95rem}.admin-content{background:#1e293b66;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.admin-loading p{margin-top:1rem;color:#94a3b8;font-weight:600}.admin-error .alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:12px;padding:2rem;max-width:500px}.admin-error h4{color:#ef4444;margin-bottom:1rem}@media(max-width:1024px){.admin-container{grid-template-columns:200px 1fr;gap:1rem;padding:1rem}.admin-header-content{padding:0 1rem}.admin-header h1{font-size:1.5rem}}@media(max-width:768px){.admin-container{grid-template-columns:1fr;gap:1rem}.admin-sidebar{order:2;padding:1rem}.admin-nav{flex-direction:row;overflow-x:auto;gap:.25rem}.admin-nav-item{flex-shrink:0;padding:.75rem;min-width:120px;justify-content:center}.admin-nav-label{display:none}.admin-header-content{flex-direction:column;gap:1rem;text-align:center}.admin-content{padding:1rem}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}