*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--success-500: #10b981;--success-600: #059669;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:var(--primary-gradient);color:var(--gray-800);overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--gray-800);font-weight:600;line-height:1.2}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.025em;background:var(--secondary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-lg)}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.25rem);color:var(--gray-600);max-width:600px;margin:0 auto var(--spacing-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn-primary{background:var(--secondary-gradient);color:var(--white);box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #6366f166}.btn-primary:active{transform:translateY(0)}.btn:focus{outline:none}.btn-secondary{background:#ffffffe6;color:var(--gray-700);border:1px solid var(--gray-200);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-secondary:hover{background:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn:disabled{background:var(--gray-400);color:var(--gray-600);cursor:not-allowed;transform:none;box-shadow:none}.glass-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-xl)}.action-buttons{display:flex;flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{padding:.875rem 1rem;font-size:.875rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--secondary-gradient);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 70px)}.admin-section{padding:var(--spacing-2xl) 0}.admin-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.admin-hero{text-align:center;margin-bottom:var(--spacing-3xl)}.admin-error{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(239,68,68,.2);box-shadow:var(--shadow-xl);text-align:center;padding:var(--spacing-3xl);margin:var(--spacing-2xl) auto;max-width:600px}.admin-error h2{color:#dc2626;margin-bottom:var(--spacing-md);font-size:1.5rem;font-weight:700}.admin-error p{color:#7f1d1d;font-size:1rem}.admin-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-3xl);padding:var(--spacing-md);justify-content:center;flex-wrap:wrap}.tab-btn{flex:1;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;color:var(--gray-600);font-weight:600;font-size:.875rem;border-radius:12px;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.05em}.tab-btn:hover{background:#6366f11a;color:var(--primary-600);transform:translateY(-1px)}.tab-btn.active{background:var(--secondary-gradient);color:var(--white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-content{min-height:400px}.loading{text-align:center;padding:var(--spacing-3xl);color:var(--gray-600);font-size:1.125rem;font-weight:500}.error{background:#fef2f2f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:var(--spacing-lg);border-radius:12px;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.dashboard-content{padding:var(--spacing-lg) 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-xl);padding:var(--spacing-xl);transition:all var(--transition-normal);text-align:center}.stat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.stat-card h3{margin:0 0 var(--spacing-md) 0;color:var(--gray-600);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.stat-number{font-size:2.5rem;font-weight:700;background:var(--secondary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.stat-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-details span{color:var(--gray-600);font-size:.875rem;font-weight:500}.users-content,.orders-content,.logs-content{padding:var(--spacing-lg) 0}.users-table,.orders-table,.logs-table{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-xl);overflow:hidden}.users-table table,.orders-table table,.logs-table table{width:100%;border-collapse:collapse}.users-table th,.orders-table th,.logs-table th,.users-table td,.orders-table td,.logs-table td{padding:var(--spacing-lg);text-align:left;border-bottom:1px solid rgba(229,231,235,.5)}.users-table th,.orders-table th,.logs-table th{background:#f9fafbcc;font-weight:700;color:var(--gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.users-table tr:hover,.orders-table tr:hover,.logs-table tr:hover{background:#f9fafb80}.users-table tr:last-child td,.orders-table tr:last-child td,.logs-table tr:last-child td{border-bottom:none}.status{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status.active{background:#10b9811a;color:var(--success-600)}.status.inactive{background:#ef44441a;color:#dc2626}.status.completed{background:#10b9811a;color:var(--success-600)}.status.pending{background:#f59e0b1a;color:#d97706}.status.failed{background:#ef44441a;color:#dc2626}.log-type{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.log-type.order{background:#6366f11a;color:var(--primary-600)}.log-type.user{background:#8b5cf61a;color:#8b5cf6}.toggle-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.toggle-btn.activate{background:#10b9811a;color:var(--success-600)}.toggle-btn.activate:hover{background:#10b98133;transform:translateY(-1px);box-shadow:var(--shadow-md)}.toggle-btn.deactivate{background:#ef44441a;color:#dc2626}.toggle-btn.deactivate:hover{background:#ef444433;transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.admin-section{padding:var(--spacing-xl) 0}.admin-container{padding:0 var(--spacing-md)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.admin-tabs{flex-direction:column;gap:var(--spacing-sm)}.tab-btn{flex:none;width:100%}.users-table,.orders-table,.logs-table{overflow-x:auto}.stat-card{padding:var(--spacing-lg)}.stat-number{font-size:2rem}.users-table th,.orders-table th,.logs-table th,.users-table td,.orders-table td,.logs-table td{padding:var(--spacing-md)}}@media (max-width: 480px){.admin-hero{margin-bottom:var(--spacing-2xl)}.users-table th,.orders-table th,.logs-table th,.users-table td,.orders-table td,.logs-table td{padding:var(--spacing-sm);font-size:.875rem}}.navbar{position:sticky;top:0;z-index:100;background:linear-gradient(90deg,#667eea,#6b73eb,#6f77ec);box-shadow:0 4px 12px #00000026;border-top-left-radius:8px;border-top-right-radius:8px}.navbar-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;height:70px}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;font-size:1.5rem;font-weight:700;color:var(--white);transition:transform var(--transition-fast);text-shadow:0 1px 2px rgba(0,0,0,.1)}.navbar-brand:hover{transform:scale(1.05);color:var(--white)}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-xl)}.navbar-link{text-decoration:none;color:#ffffffe6;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;transition:all var(--transition-fast);position:relative}.navbar-link:hover{color:var(--white);background:#ffffff1a}.navbar-link.active{color:var(--white);font-weight:600;background:#ffffff26}.navbar-link.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--white);border-radius:1px}.user-dropdown{position:relative;z-index:200}.user-avatar-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px;border-radius:20px;transition:all var(--transition-fast);color:#ffffffe6}.user-avatar-btn:hover{background:#ffffff1a;color:var(--white)}.user-avatar{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:14px;border:2px solid rgba(255,255,255,.3)}.dropdown-arrow{transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--white);border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid rgba(0,0,0,.05);min-width:200px;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-info{padding:16px;background:var(--gray-50)}.user-email{font-size:14px;color:var(--gray-700);font-weight:500}.dropdown-divider{height:1px;background:var(--gray-200)}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;text-decoration:none;color:var(--gray-700);font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left}.dropdown-item:hover{background:var(--gray-50);color:var(--gray-900)}.dropdown-item svg{color:var(--gray-500);transition:color var(--transition-fast)}.dropdown-item:hover svg{color:var(--gray-700)}.logout-btn:hover{background:#fef2f2;color:#dc2626}.logout-btn:hover svg{color:#dc2626}.mobile-menu-btn{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:6px;transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:#ffffff1a}.hamburger{width:20px;height:2px;background:var(--white);transition:all var(--transition-fast);border-radius:1px}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(90deg,#667eea,#6b73eb,#6f77ec);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);animation:fadeIn .2s ease-out;box-shadow:0 4px 12px #00000026}.mobile-link{text-decoration:none;color:#ffffffe6;font-weight:500;padding:var(--spacing-md);border-radius:8px;transition:all var(--transition-fast);position:relative}.mobile-link:hover{color:var(--white);background:#ffffff1a}.mobile-link.active{color:var(--white);font-weight:600;background:#ffffff26}.mobile-link.active:after{content:"";position:absolute;bottom:0;left:var(--spacing-md);right:var(--spacing-md);height:2px;background:var(--white);border-radius:1px}.logout-mobile{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;text-align:left}.navbar-menu button.navbar-link,.mobile-menu button.mobile-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;text-decoration:none;padding:.5rem 1rem;border-radius:.25rem;color:#fff;transition:background-color .3s ease;display:flex;align-items:center}.navbar-menu button.navbar-link:hover,.mobile-menu button.mobile-link:hover{background-color:#ffffff1a}.auth-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.auth-modal{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-3xl);border-radius:20px;width:90%;max-width:450px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-2xl);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal h3{margin-bottom:var(--spacing-xl);text-align:center;color:var(--gray-900);font-size:1.75rem;font-weight:700}.auth-modal form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-modal input{padding:var(--spacing-lg);border:2px solid var(--gray-200);border-radius:12px;font-size:1rem;outline:none;transition:all var(--transition-normal);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-modal input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a;background:#fffffff2}.auth-modal input::placeholder{color:var(--gray-500)}.auth-submit{padding:var(--spacing-lg);background:var(--secondary-gradient);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-normal);box-shadow:var(--shadow-lg)}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #6366f166}.auth-submit:active{transform:translateY(0)}.auth-toggle{padding:var(--spacing-md);background:none;color:var(--primary-600);border:none;cursor:pointer;text-decoration:underline;font-size:.875rem;transition:color var(--transition-fast)}.auth-toggle:hover{color:var(--primary-700)}.auth-cancel{padding:var(--spacing-md);background:#6c757d1a;color:var(--gray-700);border:2px solid var(--gray-300);border-radius:12px;cursor:pointer;font-size:.875rem;transition:all var(--transition-normal)}.auth-cancel:hover{background:#6c757d33;border-color:var(--gray-400)}.auth-error{color:#dc3545;text-align:center;padding:var(--spacing-md);background:#f8d7dacc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #f5c6cb;border-radius:12px;font-size:.875rem;font-weight:500}@media (max-width: 768px){.navbar-container{padding:0 var(--spacing-md)}.navbar-brand{font-size:1.25rem}.auth-modal{margin:var(--spacing-lg);padding:var(--spacing-2xl);max-width:none}.auth-modal h3{font-size:1.5rem}.auth-modal input,.auth-submit{padding:var(--spacing-md)}.user-dropdown-menu{right:-10px;min-width:180px}}user-role{font-size:.75rem;color:#3b82f6;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}@media (max-width: 768px){.hidden-mobile{display:none!important}}@media (min-width: 769px){.hidden-desktop{display:none!important}}.home{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 70px)}.hero-section{display:flex;align-items:center;padding:var(--spacing-lg) 0;position:relative;overflow:hidden}.hero-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;position:relative}.hero-content{text-align:left}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.02em;color:var(--gray-900);margin-bottom:var(--spacing-xs);line-height:1.1}.hero-tagline{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--gray-700);font-weight:500;margin-bottom:var(--spacing-lg);letter-spacing:.02em}.hero-stats{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.stat-item{text-align:center}.stat-number{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:900;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.stat-sublabel{font-size:.875rem;color:var(--gray-700)}.stat-divider{width:1px;height:60px;background:var(--gray-300)}.app-badges{display:flex;flex-direction:column;gap:var(--spacing-sm)}.app-badge{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-sm) var(--spacing-md);border-radius:12px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 6px #0000001a;transition:all var(--transition-fast);cursor:pointer}.app-badge:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.badge-content{display:flex;align-items:center;gap:var(--spacing-sm)}.badge-icon{color:var(--gray-800)}.badge-text{display:flex;flex-direction:column;align-items:flex-start}.badge-title{font-size:.75rem;font-weight:400;color:var(--gray-600);line-height:1}.badge-subtitle{font-size:.875rem;font-weight:600;color:var(--gray-900);line-height:1}.hero-description{margin-bottom:var(--spacing-lg)}.description-title{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.description-text{font-size:1rem;color:var(--gray-700);line-height:1.5;margin-bottom:var(--spacing-sm)}.hero-actions{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.btn-large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem;font-weight:700;border-radius:16px;min-width:220px}.hero-visual{display:flex;flex-direction:column;align-items:center;position:relative}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.showcase-item{text-align:center;padding:var(--spacing-lg);background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 6px #0000001a;transition:all var(--transition-normal)}.showcase-item.featured{grid-column:1 / -1;background:#fffffff2;transform:scale(1.02)}.showcase-item:hover{transform:translateY(-8px);box-shadow:0 12px 25px #00000026}.showcase-item.featured:hover{transform:scale(1.02) translateY(-8px)}.showcase-badge{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.showcase-preview{margin-bottom:var(--spacing-md)}.preview-placeholder{width:80px;height:80px;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:var(--gray-600);transition:all var(--transition-normal)}.preview-placeholder.featured{width:100px;height:100px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.showcase-item p{font-size:.875rem;color:var(--gray-700);line-height:1.5;font-weight:500}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.hero-content{text-align:center}.hero-stats{justify-content:center}}@media (max-width: 768px){.hero-section{padding:var(--spacing-md) 0}.hero-container{padding:0 var(--spacing-md)}.hero-stats{flex-direction:column;gap:var(--spacing-md)}.hero-actions{justify-content:center}.showcase-grid{grid-template-columns:1fr}.showcase-item.featured{grid-column:1;transform:none}.hero-stats{flex-direction:column;gap:var(--spacing-lg)}.stat-divider{width:60px;height:1px}}@media (max-width: 480px){.hero-actions{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:280px}.app-badges{align-items:center}}.face-swap{flex:1;padding:var(--spacing-xl) 0;min-height:calc(100vh - 70px);background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.face-swap-container{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.upload-section{padding:var(--spacing-xl);background:#fffffff2;border-radius:20px;box-shadow:0 4px 6px #0000001a}.face-swap-header{text-align:center;margin-bottom:var(--spacing-lg)}.transformation-preview{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.before-after-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.before-image,.after-image{text-align:center;flex:1;min-width:120px;max-width:150px}.before-image img,.after-image img{width:100%;height:120px;object-fit:cover;border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.before-image img:hover,.after-image img:hover{transform:scale(1.05)}.image-label{margin-top:var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--gray-600)}.arrow-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;padding:0 var(--spacing-md)}.arrow-container svg{width:32px;height:32px;color:#4ade80;filter:drop-shadow(0 0 8px rgba(74,222,128,.6));animation:arrowFlow 2s ease-in-out infinite}@keyframes arrowFlow{0%{transform:translate(-8px) scale(.9);opacity:.6;color:#8b5cf6}25%{transform:translate(-4px) scale(1);opacity:.8;color:#7c3aed}50%{transform:translate(0) scale(1.1);opacity:1;color:#6366f1}75%{transform:translate(4px) scale(1);opacity:.8;color:#7c3aed}to{transform:translate(8px) scale(.9);opacity:.6;color:#8b5cf6}}.arrow-container:before,.arrow-container:after{content:"✨";position:absolute;font-size:12px;animation:sparkle 3s ease-in-out infinite;pointer-events:none}.arrow-container:before{top:-5px;left:50%;transform:translate(-50%);animation-delay:0s}.arrow-container:after{bottom:-5px;right:20%;animation-delay:1.5s}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.arrow-container .particle{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#8b5cf6,#6366f1);border-radius:50%;animation:flowParticles 2s linear infinite}.arrow-container .particle:nth-child(1){animation-delay:0s;top:30%}.arrow-container .particle:nth-child(2){animation-delay:.5s;top:50%}.arrow-container .particle:nth-child(3){animation-delay:1s;top:70%}@keyframes flowParticles{0%{left:-20px;opacity:0}20%{opacity:1}80%{opacity:1}to{left:calc(100% + 20px);opacity:0}}.face-swap-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.face-swap-subtitle{font-size:1.125rem;color:var(--gray-600);max-width:500px;margin:0 auto}.upload-area h3{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-bottom:var(--spacing-lg);text-align:center}.drop-zone{border:3px dashed var(--gray-300);border-radius:16px;padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--gray-50);position:relative;overflow:hidden;min-height:180px;display:flex;align-items:center;justify-content:center}.drop-zone:hover{border-color:var(--primary-500);background:#6366f10d;transform:translateY(-2px)}.drop-zone.has-file{border-color:var(--success-500);background:#10b9810d}.drop-text{text-align:center}.upload-icon{color:var(--gray-400);margin-bottom:var(--spacing-md);display:flex;justify-content:center}.upload-icon svg{width:36px;height:36px}.drop-text p:first-of-type{font-size:1rem;font-weight:500;color:var(--gray-700);margin-bottom:var(--spacing-xs)}.drop-text p:last-of-type{color:#f59e0b;font-size:.85rem;font-weight:500;margin-bottom:var(--spacing-sm)}.supported-formats{font-size:.8rem;color:var(--gray-400);background:#0000000d;padding:var(--spacing-xs) var(--spacing-sm);border-radius:8px;display:inline-block}.preview-container{position:relative;display:inline-block}.preview-image{max-width:100%;max-height:200px;border-radius:12px;box-shadow:0 4px 6px #0000001a;object-fit:contain}.clear-button{position:absolute;top:10px;right:10px;background:#ffffffe6;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--gray-600);transition:all var(--transition-fast)}.clear-button:hover{background:var(--white);color:var(--gray-800)}.controls{margin-top:var(--spacing-lg);text-align:center}.controls label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--gray-700);font-size:1rem}select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--gray-200);border-radius:12px;margin-bottom:var(--spacing-lg);font-family:inherit;font-size:1rem;background:var(--white);transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a;outline:none}.swap-button{width:100%;font-size:1.125rem;padding:var(--spacing-lg) var(--spacing-xl);font-weight:600}.error-message{margin-top:var(--spacing-md);color:#dc2626;background:#dc26261a;border-radius:12px;border:1px solid rgba(220,38,38,.2);padding:var(--spacing-md);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.face-swap-processing-screen{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 70px);background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-xl)}.face-swap-processing-content{text-align:center;color:#fff;max-width:500px}.progress-container{width:100%;max-width:400px;margin:var(--spacing-3xl) auto}.progress-bar{width:100%;height:12px;background:#fff3;border-radius:6px;overflow:hidden;margin-bottom:var(--spacing-md)}.progress-fill{height:100%;background:linear-gradient(90deg,#fff,#e5e7eb);border-radius:6px;transition:width .5s ease-in-out;box-shadow:0 0 10px #fff6}.progress-text{text-align:center;font-size:1.25rem;font-weight:600;color:#fff;opacity:.9}.face-swap-processing-content h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:var(--spacing-md);color:#fff}.face-swap-processing-content p{font-size:1.125rem;margin-bottom:var(--spacing-md);opacity:.9}@media (max-width: 768px){.face-swap,.face-swap-container{padding:0}.upload-section{padding:var(--spacing-md)}.drop-zone{padding:var(--spacing-lg);min-height:150px}.before-after-container{gap:var(--spacing-md)}.before-image,.after-image{min-width:100px;max-width:120px}.before-image img,.after-image img{height:150px}.arrow-container svg{width:24px;height:24px}.arrow-container:before,.arrow-container:after{font-size:10px}.arrow-container .particle{width:3px;height:3px}}.results-page{min-height:calc(100vh - 70px);background:var(--primary-gradient);padding:var(--spacing-xl) 0}.results-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-2xl)}.results-header-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.back-button{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:#fffc;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;transition:all var(--transition-fast);border:1px solid rgba(255,255,255,.2)}.back-button:hover{color:var(--white);background:#ffffff1a;border-color:#ffffff4d}.results-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:var(--white);margin-bottom:var(--spacing-xs)}.results-subtitle{color:#fffc;font-size:1rem}.header-actions{display:flex;gap:var(--spacing-md)}.results-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.generated-section{min-height:100vh}.results-section-header{text-align:center;margin-bottom:var(--spacing-xl)}.results-section-header h2{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--white);margin-bottom:var(--spacing-md)}.results-section-description{color:#fffc;font-size:1.125rem;max-width:600px;margin:0 auto}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.result-card{padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--secondary-gradient)}.result-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.result-label{font-size:1rem;font-weight:600;color:var(--gray-800)}.result-actions{display:flex;gap:var(--spacing-sm)}.action-btn{width:36px;height:36px;min-height:36px;border:none;border-radius:8px;background:var(--gray-100);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--primary-500);color:var(--white);transform:scale(1.1)}.result-image-container{position:relative;border-radius:12px;overflow:hidden;margin-bottom:var(--spacing-md)}.result-image{width:100%;height:400px;object-fit:cover;transition:transform var(--transition-normal);display:block}.result-card:hover .result-image{transform:scale(1.02)}.image-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.result-card:hover .image-overlay{opacity:1}.view-full-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffffe6;color:var(--gray-800);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.view-full-btn:hover{background:var(--white);transform:scale(1.05)}.result-footer{text-align:center}.result-name{font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:var(--spacing-xs)}.result-meta{font-size:.75rem;color:var(--gray-500)}.results-footer{text-align:center;padding:var(--spacing-3xl) 0}.footer-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.btn-large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem;font-weight:600;border-radius:12px;min-width:200px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.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)}.payment-modal{background:var(--white);border-radius:20px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:fadeInUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--gray-200)}.modal-header h3{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.close-btn{background:none;border:none;font-size:2rem;color:var(--gray-400);cursor:pointer;transition:color var(--transition-fast);padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--gray-600)}.modal-content{padding:var(--spacing-xl)}.preview-section{text-align:center;margin-bottom:var(--spacing-xl)}.modal-preview{width:200px;height:200px;object-fit:cover;border-radius:12px;box-shadow:var(--shadow-lg)}.watermark-notice{margin-top:var(--spacing-md)}.watermark-notice p{color:var(--gray-500);font-size:.875rem}.card-payment{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.payment-description{font-size:small;color:var(--gray-500)}.form-group{margin-bottom:var(--spacing-md);text-align:left}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--gray-700)}.form-group input{width:100%;padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:8px;font-size:1rem;transition:border-color var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--primary-500)}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-md)}.results-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 70px);gap:var(--spacing-lg);color:var(--white)}.spinner.large{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--white);border-radius:50%;animation:spin 1s linear infinite}.download-all-preview{text-align:center;margin-bottom:var(--spacing-xl)}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);max-width:200px;margin:0 auto var(--spacing-md)}.mini-preview{width:80px;height:80px;object-fit:cover;border-radius:8px;box-shadow:var(--shadow-md)}.more-indicator{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gray-100);border-radius:8px;font-weight:600;color:var(--gray-600);font-size:.875rem}.discount-badge{margin:1rem 0;text-align:center}.savings-highlight{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;box-shadow:0 2px 8px #10b9814d}.card-discount-info{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.5rem;border-radius:6px;text-align:center;margin-bottom:1rem}@media (max-width: 1024px){.results-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.results-page{padding:var(--spacing-lg) 0}.results-header-content,.header-left{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.results-content{padding:0 var(--spacing-md)}.results-grid{grid-template-columns:1fr}.footer-actions{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:300px}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.result-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.payment-modal{width:95%}.modal-content{padding:var(--spacing-lg)}}.payment-success{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--primary-gradient);color:#fff;text-align:center;position:relative;overflow:hidden}.payment-success:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:float 20s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.payment-card{max-width:500px;width:100%;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--gray-800);position:relative;z-index:1}.success-card{border:1px solid rgba(16,185,129,.2)}.error-card{border:1px solid rgba(239,68,68,.2)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--success-500),var(--success-600));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);animation:successPulse 2s ease-in-out infinite;font-size:2rem;color:#fff}.error-icon{width:80px;height:80px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:2rem;color:#fff}@keyframes successPulse{0%,to{transform:scale(1);box-shadow:0 0 #10b98166}50%{transform:scale(1.05);box-shadow:0 0 0 20px #10b98100}}.payment-success h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--gray-900)}.payment-success p{font-size:1.125rem;margin-bottom:var(--spacing-md);color:var(--gray-600);line-height:1.6}.order-id{font-size:.875rem;color:var(--gray-500);margin-bottom:var(--spacing-lg);font-family:monospace}.loading-animation{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.loading-circle{width:12px;height:12px;background:var(--primary-500);border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-circle:nth-child(1){animation-delay:-.32s}.loading-circle:nth-child(2){animation-delay:-.16s}.loading-circle:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.retry-indicator{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#6366f11a;border-radius:8px;font-size:.875rem;color:var(--primary-600);font-weight:500}.processing-status{background:#fbbf241a;border:1px solid #f59e0b;color:#92400e;padding:var(--spacing-lg);border-radius:12px;margin:var(--spacing-lg) 0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:500}.processing-status .spinner{width:16px;height:16px;border:2px solid #fbbf24;border-top:2px solid #92400e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.download-success{background:#10b9811a;border:1px solid var(--success-500);color:#065f46;padding:var(--spacing-lg);border-radius:12px;margin:var(--spacing-lg) 0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:600;animation:slideInUp .5s ease-out}.error-message{color:#dc2626;background:#dc26261a;border-radius:12px;border:1px solid rgba(220,38,38,.2);padding:var(--spacing-md);margin:var(--spacing-md) 0}.error-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap;justify-content:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.download-instructions{background:var(--gray-50);border-radius:12px;padding:var(--spacing-xl);margin:var(--spacing-xl) 0;text-align:left}.download-instructions h3{margin:0 0 var(--spacing-md) 0;color:var(--gray-800);font-size:1.125rem;font-weight:600}.download-instructions ul{margin:0;padding-left:var(--spacing-lg);color:var(--gray-600)}.download-instructions li{margin-bottom:var(--spacing-sm);line-height:1.5}.success-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap;justify-content:center}.support-text{margin-top:var(--spacing-xl);font-size:.875rem;color:var(--gray-400)}.loading-dots{display:inline-flex;gap:4px}.loading-dot{width:6px;height:6px;border-radius:50%;background:#6b7280;animation:loadingDots 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes loadingDots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;background:#fbbf24;animation:confettiFall 3s linear infinite}.confetti-piece:nth-child(odd){background:var(--success-500);border-radius:50%}.confetti-piece:nth-child(2n){background:var(--primary-500)}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (max-width: 768px){.payment-success{padding:var(--spacing-md)}.payment-card{padding:var(--spacing-xl) var(--spacing-lg)}.payment-success h1{font-size:2rem}.success-actions,.error-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.account{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 70px)}.account-section{padding:var(--spacing-2xl) 0}.account-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.account-hero{text-align:center;margin-bottom:var(--spacing-3xl)}.hero-title{font-size:3rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:1.25rem;color:var(--gray-600);line-height:1.6}.account-content{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.section-title{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-2xl);text-align:center}.profile-section{padding:var(--spacing-2xl);text-align:center}.profile-info{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px;margin:0 auto}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:#f8fafccc;border-radius:12px;border:1px solid rgba(226,232,240,.5);transition:all var(--transition-normal)}.info-item:hover{background:#f8fafc;border-color:var(--primary-200)}.info-label{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--gray-700)}.info-icon{color:var(--primary-600);display:flex;align-items:center}.info-value{color:var(--gray-900);font-weight:500}.status.active{color:#059669;font-weight:600}.status.inactive{color:#dc2626;font-weight:600}.features-section{text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.feature-item{padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.feature-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.feature-icon{color:var(--primary-600);margin-bottom:var(--spacing-md);display:flex;justify-content:center}.feature-item h4{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.feature-item p{color:var(--gray-700);line-height:1.5;font-size:.875rem;margin-bottom:var(--spacing-lg)}.quick-actions-section{text-align:center}.quick-actions-content{padding:var(--spacing-3xl);max-width:800px;margin:0 auto}.quick-actions-content h2{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-md)}.quick-actions-content p{color:var(--gray-700);line-height:1.6;margin-bottom:var(--spacing-2xl);font-size:1.125rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);justify-content:center}.glass-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 40px #0000001a}.animate-fade-in-up{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:8px;font-weight:600;text-decoration:none;transition:all var(--transition-normal);cursor:pointer;border:none;font-size:.875rem}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-200);border-color:var(--gray-400)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}@media (max-width: 768px){.account-section{padding:var(--spacing-xl) 0}.account-container{padding:0 var(--spacing-md)}.hero-title{font-size:2.5rem}.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.info-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);text-align:left}.actions-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.btn-large{width:100%}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.section-title{font-size:2rem}.profile-section,.quick-actions-content{padding:var(--spacing-xl)}}.about{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 70px)}.about-section{padding:var(--spacing-2xl) 0}.about-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.about-hero{text-align:center;margin-bottom:var(--spacing-3xl)}.about-content{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.content-block{padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-normal)}.content-block:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.content-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:var(--secondary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-normal)}.content-block:hover .content-icon{transform:scale(1.1)}.content-block h3{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-md)}.content-block p{color:var(--gray-700);line-height:1.6;font-size:1rem}.stats-section{padding:var(--spacing-2xl);text-align:center}.stats-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-2xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.stats-section .stat-item{text-align:center}.stats-section .stat-number{font-size:3rem;font-weight:900;background:var(--secondary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--spacing-sm)}.stats-section .stat-label{font-size:1rem;font-weight:600;color:var(--gray-700)}.team-section{text-align:center}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.team-member{padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-normal)}.team-member:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.member-avatar{width:100px;height:100px;margin:0 auto var(--spacing-lg);background:var(--secondary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-normal)}.team-member:hover .member-avatar{transform:scale(1.1)}.team-member h4{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.member-role{font-size:1rem;font-weight:600;color:var(--primary-600);margin-bottom:var(--spacing-md)}.member-bio{color:var(--gray-700);line-height:1.5;font-size:.875rem}@media (max-width: 768px){.about-section{padding:var(--spacing-xl) 0}.about-container{padding:0 var(--spacing-md)}.content-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.team-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.cta-actions{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:280px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.careers{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 70px)}.careers-section{padding:var(--spacing-2xl) 0}.careers-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.careers-hero{text-align:center;margin-bottom:var(--spacing-3xl)}.careers-content{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.values-section{padding:var(--spacing-2xl);text-align:center}.section-title{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-2xl)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.value-item{text-align:center}.value-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:var(--secondary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-normal)}.value-item h3{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.value-item p{color:var(--gray-700);line-height:1.6}.benefits-section{text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.benefit-item{padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.benefit-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.benefit-icon{color:var(--primary-600);margin-bottom:var(--spacing-md)}.benefit-item h4{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.benefit-item p{color:var(--gray-700);line-height:1.5;font-size:.875rem}.jobs-section{text-align:center}.jobs-list{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:800px;margin:0 auto}.job-item{padding:var(--spacing-xl);text-align:left;transition:all var(--transition-normal)}.job-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-lg)}.job-info{flex:1}.job-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.job-meta{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.job-department,.job-location,.job-type{font-size:.875rem;color:var(--gray-600);background:var(--gray-100);padding:var(--spacing-xs) var(--spacing-sm);border-radius:12px;font-weight:500}.job-description{color:var(--gray-700);line-height:1.6;font-size:1rem}.cta-section{text-align:center}.cta-content{padding:var(--spacing-3xl);max-width:600px;margin:0 auto}.cta-content h2{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-md)}.cta-content p{color:var(--gray-700);line-height:1.6;margin-bottom:var(--spacing-2xl);font-size:1.125rem}.cta-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.careers-section{padding:var(--spacing-xl) 0}.careers-container{padding:0 var(--spacing-md)}.values-grid,.benefits-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.job-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.job-meta{gap:var(--spacing-sm)}.cta-actions{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:280px}}@media (max-width: 480px){.job-meta{flex-direction:column;gap:var(--spacing-xs)}.job-department,.job-location,.job-type{align-self:flex-start}}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}