@charset "UTF-8";:root{--color-primary: #5b5fff;--color-primary-dark: #4845e4;--color-primary-light: #8b89ff;--color-secondary: #9d5cff;--color-accent: #ff6b9d;--color-slate-900: #0f172a;--color-slate-800: #1e293b;--color-slate-700: #334155;--color-slate-600: #475569;--color-slate-500: #64748b;--color-slate-400: #94a3b8;--color-slate-300: #cbd5e1;--color-slate-200: #e2e8f0;--color-slate-100: #f1f5f9;--color-slate-50: #f8fafc;--color-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--border-color: #e2e8f0;--border-color-hover: #cbd5e1;--gradient-hero: linear-gradient(180deg, #fafbff 0%, #f0f4ff 100%);--hero-text-color: #0f172a;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-primary-hover: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);--gradient-dark: linear-gradient(180deg, #0a0f1e 0%, var(--color-slate-900) 100%);--gradient-light: linear-gradient(180deg, #fafbff 0%, var(--color-white) 100%);--gradient-mesh: radial-gradient(at 0% 0%, rgba(91, 95, 255, .15) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(157, 92, 255, .12) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(91, 95, 255, .08) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(255, 107, 157, .1) 0px, transparent 50%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-size-3xl: 28px;--font-size-4xl: 36px;--font-size-5xl: 42px;--font-size-6xl: 48px;--font-size-7xl: 64px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 40px;--space-4xl: 48px;--space-5xl: 60px;--space-6xl: 80px;--space-7xl: 120px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .08);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12), 0 12px 24px rgba(0, 0, 0, .08);--shadow-primary: 0 8px 24px rgba(91, 95, 255, .25), 0 4px 12px rgba(91, 95, 255, .15);--shadow-primary-lg: 0 20px 40px rgba(91, 95, 255, .3), 0 8px 16px rgba(91, 95, 255, .2);--container-max-width: 1400px;--container-padding: 40px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #0a0f1e;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #334155;--border-color-hover: #475569;--gradient-hero: linear-gradient(180deg, #0a0f1e 0%, #0f172a 100%);--hero-text-color: #f8fafc;--gradient-light: linear-gradient(180deg, #0f172a 0%, #0a0f1e 100%);--gradient-mesh: radial-gradient(at 0% 0%, rgba(91, 95, 255, .25) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(157, 92, 255, .2) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(91, 95, 255, .15) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(255, 107, 157, .18) 0px, transparent 50%)}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-primary-hover)}body{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);overflow-x:hidden;background:var(--bg-primary);margin:0!important;padding:0!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--transition-base),color var(--transition-base)}body.admin-bar{margin-top:0!important}::selection{background:var(--color-primary-light);color:var(--color-white)}::-moz-selection{background:var(--color-primary-light);color:var(--color-white)}h1{font-size:var(--font-size-7xl);margin-bottom:var(--space-xl);line-height:1.1;font-weight:var(--font-weight-extrabold);color:var(--hero-text-color)}.subtitle{font-size:var(--font-size-xl);margin-bottom:var(--space-3xl);opacity:.85;line-height:1.7;color:var(--text-secondary)}.section-title{font-size:var(--font-size-5xl);margin-bottom:var(--space-md);color:var(--text-primary);font-weight:var(--font-weight-extrabold)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:700px;margin:0 auto}@keyframes meshMove{0%,to{opacity:.4}50%{opacity:.6}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.section-header{text-align:center;margin-bottom:var(--space-5xl)}#mainNav{max-width:100%;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xl) var(--container-padding);position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}body:not(.home) #mainNav{position:static}.admin-bar nav#mainNav{top:32px}@media screen and (max-width:782px){.admin-bar nav#mainNav{top:46px}}nav#mainNav.scrolled{padding:var(--space-md) var(--container-padding);background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 20px #00000014;border-bottom:1px solid var(--border-color)}[data-theme=dark] nav#mainNav.scrolled{background:#0f172af2;box-shadow:0 4px 20px #0000004d}nav#mainNav .nav-inner{max-width:var(--container-max-width);width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);letter-spacing:-1px;display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:inherit;transition:all var(--transition-base);cursor:pointer}.logo:hover{opacity:.8;transform:translateY(-1px)}.logo:active{transform:translateY(0)}.logo-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);box-shadow:0 4px 12px #5b5fff4d;animation:floatAnimation 3s ease-in-out infinite}.nav-menu{display:flex;align-items:center;gap:var(--space-3xl)}.nav-menu a{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-decoration:none;transition:all var(--transition-base);position:relative;padding:var(--space-xs) 0}.nav-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.nav-menu a:hover{color:var(--color-primary)}.nav-menu a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--space-xs)}.nav-actions button,.nav-actions a{height:48px}.nav-btn{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:14px var(--space-2xl);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.nav-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.nav-btn-login{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:14px var(--space-2xl);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);text-decoration:none;display:inline-flex;align-items:center}.nav-btn-login:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.navbar-profile-dropdown{position:relative}.navbar-profile-btn{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-md)}.navbar-profile-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--bg-secondary)}.navbar-profile-menu{position:absolute;top:100%;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-sm);min-width:200px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-base);z-index:1000}.navbar-profile-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.navbar-profile-menu-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:var(--text-primary);text-decoration:none;transition:all var(--transition-base);border-bottom:1px solid var(--border-color)}.navbar-profile-menu-item:last-child{border-bottom:none}.navbar-profile-menu-item:hover{background:var(--bg-secondary);color:var(--color-primary)}.navbar-profile-menu-item.logout:hover{color:var(--color-danger)}.main-menu .menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px}.main-menu .menu li{position:relative}.main-menu .menu li a{font-size:16px;font-weight:700;text-transform:capitalize;color:var(--text-color);text-decoration:none;padding:6px 0;letter-spacing:.4px;transition:color .3s ease}.main-menu .menu li a:hover,.main-menu .menu li.current-menu-item a,.main-menu .menu li.current_page_item a{color:var(--color-primary)}.main-menu .menu li a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background-color:var(--color-primary);transition:width .2s ease}.main-menu .menu li a:hover:after,.main-menu .menu li.current-menu-item a:after,.main-menu .menu li.current_page_item a:after{width:100%}.main-menu{margin-right:15px}footer{background:var(--bg-tertiary);color:var(--text-primary);padding:var(--space-6xl) var(--container-padding) var(--space-3xl);transition:background var(--transition-base),color var(--transition-base);border-top:1px solid var(--border-color)}.footer-content{max-width:var(--container-max-width);margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-5xl);margin-bottom:var(--space-5xl)}.footer-brand h3{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);font-weight:var(--font-weight-extrabold)}.footer-brand p{color:var(--text-secondary);line-height:1.7}.footer-links h4{font-size:var(--font-size-md);margin-bottom:var(--space-lg);font-weight:var(--font-weight-semibold)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--space-3xl);border-top:1px solid var(--border-color);text-align:center;color:var(--text-tertiary)}.cta-primary,.cta-secondary{padding:18px 36px;font-size:var(--font-size-md);border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.cta-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-primary);position:relative;overflow:hidden}.cta-primary: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 .6s}.cta-primary:hover:before{left:100%}.cta-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg);background:var(--gradient-primary-hover)}.cta-primary:active{transform:translateY(0)}.cta-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-secondary:hover{background:var(--bg-primary);border-color:var(--color-primary);color:var(--color-primary)}.cta-group{display:flex;gap:var(--space-md);flex-wrap:wrap}.form-fields{display:flex;flex-direction:column;gap:var(--space-md);transition:opacity .4s ease,max-height .4s ease}.form-fields.is-hidden{opacity:0;max-height:0;overflow:hidden;pointer-events:none}.form-message{margin:15px 0;padding:12px;border-radius:6px;font-size:14px}.form-message.success{background:#e6f9f0;color:#0f5132}.form-message.error{background:#fdecea;color:#842029}input.invalid{border-color:#dc3545}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.join-form input,.join-form select{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-size:var(--font-size-base);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-family)}.join-form input::-moz-placeholder{color:var(--text-tertiary)}.join-form input::placeholder{color:var(--text-tertiary)}.join-form input:focus,.join-form select:focus{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 0 0 3px #5b5fff26;transform:translateY(-1px)}.join-form select{cursor:pointer;color:var(--text-primary)}.join-form select option{background:var(--bg-primary);color:var(--text-primary)}.join-form button{width:100%;padding:18px 36px;background:var(--gradient-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-primary);margin-top:var(--space-xs);position:relative;overflow:hidden}.join-form button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.join-form button:hover:before{width:300px;height:300px}.join-form button:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg);background:var(--gradient-primary-hover)}.join-form button:active{transform:translateY(0)}.form-note{text-align:center;font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-md)}.feature-card{background:var(--bg-secondary);padding:var(--space-2xl);border-radius:var(--radius-xl);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid var(--border-color);text-align:center;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--color-primary-light);background:var(--bg-tertiary)}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-xl);background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);transition:transform var(--transition-base)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-card h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:var(--font-weight-bold)}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-base)}.pricing-card{background:var(--bg-primary);padding:var(--space-4xl);border-radius:var(--radius-2xl);transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid var(--border-color);text-align:center;position:relative;display:flex;flex-direction:column}.pricing-card.featured{border-color:var(--color-primary);box-shadow:var(--shadow-primary-lg);transform:scale(1.05)}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--color-primary-light)}.pricing-card.featured:hover{transform:translateY(-8px) scale(1.05)}.testimonial-card{background:var(--bg-primary);padding:var(--space-3xl);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.testimonial-card:before{content:'"';position:absolute;top:20px;left:20px;font-size:80px;font-family:Georgia,serif;color:var(--color-primary);opacity:.1;line-height:1}.testimonial-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-6px);border-color:var(--color-primary-light)}.testimonial-text{font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--space-3xl);color:var(--text-secondary)}.testimonial-author{display:flex;align-items:center;gap:var(--space-md)}.author-avatar{width:56px;height:56px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--border-color)}.author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.author-info h4{font-size:var(--font-size-md);margin-bottom:4px;color:var(--text-primary);font-weight:var(--font-weight-semibold)}.author-info p{font-size:var(--font-size-sm);color:var(--text-tertiary)}.hero-badge{display:inline-block;background:var(--bg-tertiary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);margin-bottom:var(--space-2xl);font-weight:var(--font-weight-medium);color:var(--text-primary)}.section-badge{display:inline-block;background:linear-gradient(135deg,#5b5fff1a,#9d5cff1a);color:var(--color-primary);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);border:1px solid rgba(91,95,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px;text-transform:uppercase;font-size:11px}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:var(--color-white);padding:var(--space-xs) var(--space-xl);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-primary)}.dropdown-caret{width:20px;height:20px;transition:transform var(--transition-base)}.navbar-profile-btn.active .dropdown-caret{transform:rotate(180deg)}.theme-toggle{position:relative;width:48px;height:48px;background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);border:1px solid var(--border-color)}.theme-toggle:hover{background:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.theme-toggle svg{width:20px;height:20px;color:var(--text-secondary);transition:all var(--transition-base)}.theme-toggle:hover svg{color:var(--color-white);transform:rotate(15deg)}.theme-icon{position:absolute;transition:all var(--transition-base)}.theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}.theme-icon-moon{opacity:0;transform:rotate(90deg) scale(0)}[data-theme=dark] .theme-icon-sun{opacity:0;transform:rotate(-90deg) scale(0)}[data-theme=dark] .theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}.hero{background:var(--gradient-hero);color:var(--hero-text-color);padding:0;position:relative;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;transition:background var(--transition-base),color var(--transition-base)}.hero:after{content:"";position:absolute;inset:0;background:var(--gradient-mesh);pointer-events:none;animation:meshMove 20s ease-in-out infinite}.hero-content{max-width:var(--container-max-width);width:100%;margin:0 auto;padding:var(--space-7xl) var(--container-padding) var(--space-6xl);padding-top:calc(var(--space-7xl) + 100px);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6xl);align-items:center;position:relative;z-index:10;flex:1}.admin-bar .hero-content{padding-top:calc(var(--space-7xl) + 132px)}@media screen and (max-width:782px){.admin-bar .hero-content{padding-top:calc(var(--space-5xl) + 116px)}}.hero-text{animation:fadeInUp .8s ease}.hero-image{position:relative;animation:fadeInUp .8s ease .3s backwards}.hero-image img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid rgba(255,255,255,.1)}.features{padding:var(--space-6xl) var(--container-padding);max-width:var(--container-max-width);margin:0 auto;background:var(--bg-primary);transition:background var(--transition-base)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-2xl)}.pricing{padding:var(--space-7xl) var(--container-padding);max-width:var(--container-max-width);margin:0 auto;transition:background var(--transition-base)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-2xl);margin-top:var(--space-5xl)}@media(min-width:1024px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-header{margin-bottom:var(--space-2xl)}.pricing-icon{width:72px;height:72px;margin:0 auto var(--space-lg);background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);box-shadow:var(--shadow-primary)}.pricing-card h3{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:var(--font-weight-bold)}.pricing-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.pricing-price{margin:var(--space-2xl) 0;padding:var(--space-2xl) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.price-amount{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);display:block;line-height:1}.price-period{font-size:var(--font-size-base);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.pricing-features{list-style:none;text-align:left;margin:var(--space-2xl) 0;flex:1}.pricing-features li{padding:var(--space-sm) 0;font-size:var(--font-size-base);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.pricing-cta{width:100%;padding:18px 36px;background:var(--gradient-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary);margin-top:auto}.pricing-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg);background:var(--gradient-primary-hover)}.pricing-cta.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);box-shadow:var(--shadow-md)}.pricing-cta.secondary:hover{background:var(--bg-primary);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-lg)}.portfolio{padding:var(--space-7xl) var(--container-padding);background:var(--bg-secondary);transition:background var(--transition-base)}.portfolio-container{max-width:var(--container-max-width);margin:0 auto}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-2xl);margin-top:var(--space-5xl)}@media(min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-card{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}.portfolio-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014,0 4px 12px #0000000a;border-color:var(--color-primary)}.portfolio-card:hover:before{transform:scaleX(1)}.portfolio-card-image{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--bg-tertiary)}.portfolio-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover .portfolio-card-image img{transform:scale(1.05)}.portfolio-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 50%,rgba(0,0,0,.03) 100%);opacity:0;transition:opacity .5s ease}.portfolio-card:hover .portfolio-card-overlay{opacity:1}.portfolio-card-content{padding:var(--space-3xl);display:flex;flex-direction:column;flex:1;gap:var(--space-md)}.portfolio-category{display:inline-block;padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,#5b5fff14,#9d5cff14);color:var(--color-primary);border:1px solid rgba(91,95,255,.15);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.8px;align-self:flex-start;transition:all .3s ease}.portfolio-card:hover .portfolio-category{background:var(--gradient-primary);color:var(--color-white);border-color:transparent;transform:translateY(-2px)}.portfolio-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.3;margin:0;transition:color .3s ease}.portfolio-card:hover .portfolio-title{color:var(--color-primary)}.portfolio-description{font-size:var(--font-size-base);line-height:1.7;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portfolio-tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.tech-badge{padding:6px var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);transition:all .3s ease;letter-spacing:.3px}.portfolio-card:hover .tech-badge{background:var(--bg-secondary);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.portfolio-cta{margin-top:auto;padding-top:var(--space-lg)}.portfolio-link{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.portfolio-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover .portfolio-link{color:var(--color-primary);gap:var(--space-md)}.portfolio-card:hover .portfolio-link:after{width:calc(100% - 28px)}.portfolio-link .arrow-icon{width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.portfolio-card:hover .portfolio-link .arrow-icon{transform:translate(4px)}@media(max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.portfolio-card-content{padding:var(--space-2xl)}.portfolio{padding:var(--space-5xl) var(--container-padding)}}@media(max-width:480px){.portfolio-grid{gap:var(--space-xl)}.portfolio-card-content{padding:var(--space-xl);gap:var(--space-sm)}.portfolio-title{font-size:var(--font-size-xl)}.portfolio-description{font-size:var(--font-size-sm)}}.testimonials{padding:var(--space-7xl) var(--container-padding);background:var(--bg-secondary);transition:background var(--transition-base)}.testimonial-grid{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-2xl)}.cta-section{background:var(--gradient-hero);color:var(--hero-text-color);padding:var(--space-7xl) var(--container-padding);position:relative;overflow:hidden;transition:background var(--transition-base),color var(--transition-base)}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(99,102,241,.2) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(168,85,247,.2) 0%,transparent 50%);pointer-events:none}.cta-wrapper{max-width:var(--container-max-width);margin:0 auto;position:relative;z-index:1}.cta-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6xl);align-items:center}.cta-text{text-align:left}.cta-section h2{font-size:var(--font-size-6xl);margin-bottom:var(--space-xl);font-weight:var(--font-weight-extrabold);line-height:1.2}.cta-section .lead-text{font-size:var(--font-size-xl);margin-bottom:var(--space-2xl);opacity:.85;color:var(--text-secondary);line-height:1.7}.cta-benefits{list-style:none;margin-bottom:var(--space-2xl)}.cta-benefits li{padding:var(--space-sm) 0;font-size:var(--font-size-md);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary)}.cta-benefits li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gradient-primary);border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm);flex-shrink:0}.trust-badges{display:flex;gap:var(--space-xl);align-items:center;flex-wrap:wrap;margin-top:var(--space-xl)}.trust-badge{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-tertiary)}.trust-badge span{font-size:var(--font-size-lg)}.form-container{background:var(--bg-primary);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-4xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.form-header{text-align:center;margin-bottom:var(--space-2xl)}.form-header h3{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);font-weight:var(--font-weight-bold)}.form-header p{color:var(--text-secondary);font-size:var(--font-size-md)}.social-proof{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.social-proof-avatars{display:flex;margin-left:-8px}.social-proof-avatars img{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid var(--bg-secondary);margin-left:-8px}.social-proof-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.social-proof-text strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.login-layout{min-height:100vh;display:flex;background:var(--bg-primary)}.login-layout .login-panel{width:50%;min-width:360px;padding:4rem 3rem;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-layout .login-panel .login-box{width:100%;max-width:420px}.login-layout .login-panel .login-header{margin-bottom:2.5rem}.login-layout .login-panel .login-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:.5rem}.login-layout .login-panel .login-header p{color:var(--text-tertiary);font-size:var(--font-size-base)}.login-layout .login-panel .login-form-group{margin-bottom:1.5rem}.login-layout .login-panel .login-form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.4rem}.login-layout .login-panel .login-form-control{width:100%;padding:.85rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);font-size:var(--font-size-base);color:var(--text-primary);transition:border .15s ease,box-shadow .15s ease;font-family:var(--font-family)}.login-layout .login-panel .login-form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #5b5fff33}.login-layout .login-panel .login-form-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);margin-bottom:2rem}.login-layout .login-panel .login-form-meta label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-weight:var(--font-weight-normal);margin-bottom:0}.login-layout .login-panel .login-form-meta label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.login-layout .login-panel .login-form-meta a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color .15s ease}.login-layout .login-panel .login-form-meta a:hover{color:var(--color-primary-dark)}.login-layout .login-panel .login-btn-primary{width:100%;padding:.9rem;border-radius:var(--radius-lg);background:var(--color-primary);color:var(--bg-primary);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;transition:background .15s ease,transform .15s ease;font-size:var(--font-size-base);font-family:var(--font-family)}.login-layout .login-panel .login-btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.login-layout .login-panel .login-btn-primary:active{transform:translateY(0)}.login-layout .login-panel .login-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-layout .login-panel .login-footer{margin-top:2.5rem;font-size:var(--font-size-sm);color:var(--text-tertiary);text-align:center}.login-layout .login-panel .login-footer a{color:var(--color-accent);font-weight:var(--font-weight-semibold);text-decoration:none;transition:opacity .15s ease}.login-layout .login-panel .login-footer a:hover{opacity:.8}.login-layout .login-panel .login-alert{padding:1rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;font-size:var(--font-size-base);display:none}.login-layout .login-panel .login-alert.show{display:block}.login-layout .login-panel .login-alert.error{background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#991b1b}.login-layout .login-panel .login-alert.success{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#15803d}.login-layout .hero-side{width:50%;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.login-layout .hero-side .hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#5b5fffe6,#9d5cffe6);z-index:1}.login-layout .hero-side .hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%);z-index:2}.login-layout .hero-side .hero-inner{position:relative;z-index:3;height:100%;display:flex;align-items:center;padding:4rem 3rem}.login-layout .hero-side .hero-stack{width:100%;max-width:600px;margin:0 auto}.login-layout .hero-side .hero-block{margin-bottom:3rem}.login-layout .hero-side .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:50px;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:2rem}.login-layout .hero-side .hero-badge svg{width:20px;height:20px}.login-layout .hero-side .hero-title{font-size:3rem;font-weight:var(--font-weight-semibold);color:#fff;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-layout .hero-side .hero-text{font-size:var(--font-size-lg);color:#ffffffe6;line-height:1.6;margin-bottom:2rem}.login-layout .hero-side .login-features{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.login-layout .hero-side .feature{display:flex;gap:1rem;align-items:center}.login-layout .hero-side .feature-icon{flex-shrink:0;width:40px;height:40px;background:#fff3;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;margin:0}.login-layout .hero-side .feature-icon svg{width:24px;height:24px}.login-layout .hero-side .feature div h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:#fff;margin-bottom:0;line-height:1.3rem}.login-layout .hero-side .feature div p{font-size:var(--font-size-sm);color:#ffffffd9;line-height:1.5;margin:0}@media(max-width:992px){.hero-side.login-image{display:none}.login-layout .login-panel{width:100%}}.registration-page{min-height:100vh;background:var(--bg-secondary);position:relative;overflow:hidden;padding:8rem 1.5rem 4rem;display:flex;align-items:center;justify-content:center}.registration-page #agent-registration-form .radio-group{flex-direction:row}.registration-page #agent-registration-form .radio-group .radio-option{flex:0 0 50%;max-width:50%}.registration-page #agent-registration-form .radio-group .radio-option input[type=radio]{opacity:0;position:absolute}.registration-page #agent-registration-form .radio-group .radio-option:has(input[type=radio]:checked){border-width:2px;border-color:var(--color-primary-light)}body:not(.home) .registration-page{padding-top:6rem}.registration-page:before{content:"";position:absolute;inset:0;background-image:var(--gradient-mesh);pointer-events:none;opacity:.4}.registration-container{width:100%;max-width:900px;margin:0 auto;position:relative;z-index:1}.registration-card{background:var(--bg-primary);border-radius:var(--radius-2xl);border:1px solid var(--border-color);padding:3rem;box-shadow:0 25px 50px #00000026}.registration-header{text-align:center;margin-bottom:3rem}.registration-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:.5rem}.registration-header p{color:var(--text-tertiary);font-size:var(--font-size-lg)}.wizard-progress{display:flex;justify-content:space-between;margin-bottom:3rem;position:relative}.wizard-progress:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:var(--border-color);z-index:0}.progress-step{flex:1;text-align:center;position:relative;z-index:1}.progress-step-circle{width:40px;height:40px;margin:0 auto .5rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:var(--text-tertiary);transition:all .3s ease}.progress-step.completed .progress-step-circle{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff}.progress-step.active .progress-step-circle{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #5b5fff33}.progress-step-label{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.progress-step.active .progress-step-label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.wizard-form{position:relative}.form-step{display:none;animation:fadeInUp .4s ease}.form-step.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.step-header h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:.5rem}.step-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-grid.single-column{grid-template-columns:1fr}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.5rem}.form-group label .required{color:#dc2626;margin-left:2px}.form-control{width:100%;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);font-size:var(--font-size-base);color:var(--text-primary);transition:all .2s ease;font-family:var(--font-family)}.form-control:focus{outline:none;border-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 0 0 3px #5b5fff1a}.form-control::-moz-placeholder{color:var(--text-tertiary)}.form-control::placeholder{color:var(--text-tertiary)}.form-control.error{border-color:#dc2626}.error-message{display:none;font-size:var(--font-size-sm);color:#dc2626;margin-top:.5rem}.error-message.show{display:block}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.package-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all .3s ease}.package-card:has(input[type=radio]:checked){border-width:2px;border-color:var(--color-primary-light)}.package-card:hover{border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.package-card input[type=radio]{position:absolute;opacity:0}.package-card input[type=radio]:checked+.package-content{border-color:var(--color-primary)}.package-card input[type=radio]:checked~.package-checkmark{opacity:1}.package-content{position:relative}.package-checkmark{position:absolute;top:-.5rem;right:-.5rem;width:24px;height:24px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.package-checkmark svg{width:14px;height:14px;color:#fff}.package-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:.5rem}.package-price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary);margin-bottom:1rem}.package-price span{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-tertiary)}.package-features{list-style:none;padding:0}.package-features li{padding:.5rem 0;font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.package-features li:before{content:"✓";color:var(--color-primary);font-weight:700}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:1rem}.radio-option,.checkbox-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.radio-option:hover,.checkbox-option:hover{border-color:var(--color-primary-light);background:var(--bg-primary)}.radio-option input,.checkbox-option input{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border-color)}.btn{padding:.85rem 2rem;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);border:none;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-color-hover)}.success-message{text-align:center;padding:3rem 2rem}.success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary-lg)}.success-icon svg{width:40px;height:40px;color:#fff}.success-message h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:1rem}.success-message p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:2rem}@media(max-width:768px){.registration-card{padding:2rem 1.5rem}.registration-header h1{font-size:var(--font-size-3xl)}.wizard-progress{gap:.5rem}.progress-step-circle{width:32px;height:32px;font-size:var(--font-size-sm)}.progress-step-label{font-size:var(--font-size-xs)}.form-grid{grid-template-columns:1fr;gap:1rem}.package-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:1rem}.btn{width:100%}}#profilePage{background:var(--bg-tertiary)}.profile-container{min-height:100vh;display:flex;padding-top:var(--space-5xl);padding-bottom:var(--space-3xl);max-width:var(--container-max-width);margin-inline:auto}.profile-sidebar{width:280px;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);height:-moz-fit-content;height:fit-content;position:sticky;top:100px}.profile-sidebar-header{padding:var(--space-xl);border-bottom:1px solid var(--border-color);text-align:center}.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--gradient-primary);color:var(--bg-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);box-shadow:var(--shadow-primary)}.profile-sidebar-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.profile-sidebar-email{font-size:var(--font-size-base);color:var(--text-tertiary);margin-bottom:var(--space-lg)}.profile-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background-color:#5b5fff1a;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.profile-nav{padding:var(--space-sm)}.profile-nav-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:left}.profile-nav-item:hover{background:var(--bg-tertiary);color:var(--color-primary)}.profile-nav-item.active{background:#5b5fff1a;color:var(--color-primary)}.profile-nav-item span:first-child{font-size:var(--font-size-xl)}.profile-sidebar-footer{padding:var(--space-lg);border-top:1px solid var(--border-color)}.profile-logout-btn{width:100%;padding:var(--space-md);background-color:#dc26261a;color:#dc2626;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all .15s ease;text-decoration:none;font-size:var(--font-size-base)}.profile-logout-btn:hover{background-color:#dc262633}.profile-main{flex:1;margin-left:var(--space-2xl)}.profile-content-section{display:none}.profile-content-section.active{display:block}.profile-header{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-3xl);align-items:flex-start}@media(max-width:640px){.profile-header{flex-direction:column}}.profile-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.profile-card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.profile-card-header{padding:var(--space-xl);border-bottom:1px solid var(--border-color)}.profile-card-title{font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;font-size:var(--font-size-lg)}.profile-card-body{padding:var(--space-xl);display:grid;gap:var(--space-lg)}.profile-info-group{display:grid;gap:var(--space-xs)}.profile-info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-tertiary)}.profile-info-value{color:var(--text-primary);font-size:var(--font-size-base)}.profile-form{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:var(--space-3xl)}.profile-form-section{margin-bottom:var(--space-2xl)}.profile-form-section:last-child{margin-bottom:0}.profile-form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xl)}.profile-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.profile-form-group{display:grid;gap:var(--space-sm)}.profile-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.profile-form-input,.profile-form-select,.profile-form-textarea{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family);transition:all .15s ease}.profile-form-input:focus,.profile-form-select:focus,.profile-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #5b5fff33}.profile-form-textarea{resize:vertical;min-height:120px}.profile-form-help{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.profile-form-actions{display:flex;flex-direction:column;gap:var(--space-lg);padding-top:var(--space-xl);border-top:1px solid var(--border-color);margin-top:var(--space-xl)}@media(max-width:640px){.profile-form-actions{flex-direction:column}}.profile-btn{padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.profile-btn-primary{background:var(--color-primary);color:var(--bg-primary)}.profile-btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.profile-btn-primary:disabled{opacity:.6;cursor:not-allowed}.profile-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.profile-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-color-hover)}.profile-message{padding:var(--space-lg);border-radius:var(--radius-md);margin-top:var(--space-xl);display:none;font-size:var(--font-size-base)}.profile-message.show{display:block}.profile-message.success{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#15803d}.profile-message.error{background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#991b1b}@media(max-width:768px){.main-menu .menu{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:1024px){:root{--container-padding: 24px}.hero-content,.cta-content{grid-template-columns:1fr;gap:var(--space-5xl);text-align:center}h1{font-size:var(--font-size-6xl)}.cta-group{justify-content:center}.cta-text{text-align:center}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-3xl)}.main-menu,.nav-menu{display:none}nav{padding:var(--space-lg) var(--container-padding)}nav.scrolled{padding:var(--space-sm) var(--container-padding)}.hero-content{padding-top:calc(var(--space-6xl) + 80px)}.logo{font-size:var(--font-size-xl);gap:var(--space-xs)}.logo-icon{width:32px;height:32px;font-size:var(--font-size-xl)}.theme-toggle{width:40px;height:40px}.theme-toggle svg{width:18px;height:18px}.nav-btn{height:40px;padding:0 var(--space-lg);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center}.nav-actions{gap:var(--space-sm)}}@media(max-width:768px){:root{--container-padding: 20px}nav{padding:var(--space-md) var(--container-padding)}nav.scrolled{padding:var(--space-xs) var(--container-padding)}.hero-content{padding:var(--space-3xl) var(--container-padding);padding-top:calc(var(--space-5xl) + 70px)}.logo{font-size:var(--font-size-lg);gap:6px;white-space:nowrap}.logo-icon{width:28px;height:28px;font-size:var(--font-size-lg)}.theme-toggle{width:36px;height:36px}.theme-toggle svg{width:16px;height:16px}.nav-btn{height:36px;padding:0 var(--space-md);font-size:var(--font-size-xs);display:flex;align-items:center;justify-content:center}.nav-actions{gap:var(--space-xs)}h1{font-size:var(--font-size-4xl)}.subtitle{font-size:var(--font-size-lg)}.section-title{font-size:var(--font-size-4xl)}.feature-grid,.testimonial-grid{grid-template-columns:1fr}.cta-section h2{font-size:var(--font-size-4xl)}.form-container{padding:var(--space-2xl) var(--space-xl)}.form-row,.footer-grid{grid-template-columns:1fr}.login-layout{flex-direction:column}.login-panel,.hero-side{width:100%}.hero-side{min-height:400px}.hero-inner{padding:var(--space-3xl) var(--space-lg)}.hero-title{font-size:2rem}.login-panel{padding:var(--space-2xl) var(--space-lg)}}