@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap";:root{--primary:#f0c33c;--primary-hover:#d4a61f;--primary-rgb:240, 195, 60;--accent-rgb:240, 195, 60;--primary-border:transparent;--primary-shadow:none;--bg-dark:#0a0a0c;--bg-card:#1a1a1dbf;--surface:#111113;--border-color:#ffffff1a;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-blur:blur(12px);--hover-bg:#ffffff0d;--text-main:#f5f5f7;--text-muted:#a1a1aa;--success:#10b981;--error:#ef4444;--error-rgb:239, 68, 68;--input-bg:#1a1a1a;--input-text:#fff;--input-border:#ffffff1a;--option-bg:#1a1a1a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}.mode-light{--bg-dark:#f0f2f5;--bg-card:#fffffff2;--surface:#fff;--border-color:#0000001a;--text-main:#111827;--text-muted:#4b5563;--glass-bg:#ffffffb3;--glass-border:#0000000f;--input-bg:#fff;--input-text:#111827;--input-border:#00000026;--option-bg:#fff;--hover-bg:#0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;touch-action:pan-y;background-color:#0a0a0c;width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}input,select,textarea,button{font-size:16px!important}#app{flex-direction:column;width:100%;max-width:100vw;height:100dvh;display:flex;overflow:hidden}.app-wrapper{background-color:var(--bg-dark);width:100%;max-width:100vw;color:var(--text-main);flex-direction:column;flex:1;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.main-content{flex:1;padding:2rem 0;overflow-y:auto}.main-content.no-padding{padding:0!important}h1,h2,h3,h4,h5,h6{color:var(--text-main)}h1{letter-spacing:-.02em;font-size:2.25rem;font-weight:800}h2{margin-bottom:1rem;font-size:1.5rem;font-weight:700}p{color:var(--text-main)}.text-muted{color:var(--text-muted);font-size:.9rem}.text-link{color:var(--primary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.text-link:hover{color:var(--primary-hover);text-decoration:underline}.grid{gap:1.5rem;display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:repeat(4,1fr)}.hidden-desktop{display:none}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUpDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-scale-in{animation:.2s ease-out scaleIn}@media (width<=768px){.container{padding:0 1rem}h1{font-size:1.6rem}h2{font-size:1.2rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hidden-mobile{display:none!important}.hidden-desktop{display:block!important}}@media (width<=600px){.main-content{padding:1.25rem 0}}.store-banner{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff05;border-bottom:1px solid #00000008;padding:6px 0;position:relative}.banner-inner{justify-content:center;align-items:center;display:flex}.store-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;opacity:.7;align-items:center;gap:.5rem;font-size:11px;display:inline-flex}.store-badge strong{color:var(--text-main);font-weight:600}.store-badge svg{opacity:.5;width:12px;height:12px}.app-header{z-index:200;background:var(--bg-dark);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;height:64px;transition:background .3s;display:flex;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;height:64px;display:flex}.logo-link{color:inherit;text-decoration:none}.logo{align-items:center;gap:.75rem;font-size:1.2rem;font-weight:500;display:flex}.logo-text-premium{color:var(--primary);letter-spacing:-.2px;font-family:Playfair Display,serif;font-weight:600;transition:color .3s}.module-badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:.2rem .6rem;font-size:.68rem;font-weight:700}.nav-desktop{align-items:center;gap:1.5rem;display:flex}.nav-desktop a{color:var(--text-muted);white-space:nowrap;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-desktop a:hover{color:var(--text-main)}.nav-divider{background:var(--border-color);flex-shrink:0;width:1px;height:22px}.nav-item{align-items:center;gap:.5rem;display:flex}.nav-icon{opacity:.7;fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px;transition:opacity .2s}.router-link-active .nav-icon{opacity:1;stroke:var(--primary)}.theme-toggle{border:1px solid var(--border-color);cursor:pointer;width:34px;height:34px;color:var(--text-main);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex}.theme-toggle:hover{background:var(--hover-bg);border-color:var(--text-muted)}.toggle-icon{width:18px;height:18px;color:var(--text-main);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.login-theme-toggle{z-index:1000;position:fixed;top:1rem;right:1rem}.theme-toggle-fixed{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);cursor:pointer;width:38px;height:38px;color:var(--text-main);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle-fixed:hover{background:var(--glass-bg);border-color:var(--primary);transform:scale(1.05)}.nav-user-container{margin-left:.5rem;position:relative}.nav-user-btn{background:var(--hover-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:50px;align-items:center;gap:.75rem;padding:.4rem .75rem;transition:all .2s;display:flex}.nav-user-btn:hover,.nav-user-btn.active{background:var(--hover-bg);border-color:var(--primary)}.user-avatar{background:var(--primary);color:#000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:800;display:flex}.user-name{font-size:.85rem;font-weight:600}.chevron-icon{opacity:.6;fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.nav-user-dropdown{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);z-index:1000;border-radius:12px;width:220px;padding:.5rem;animation:.2s ease-out slideUpDown;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 40px #00000080}.dropdown-header{flex-direction:column;padding:.75rem .75rem .5rem;display:flex}.dropdown-header strong{color:var(--text-main);font-size:.9rem}.dropdown-header span{color:var(--text-muted);font-size:.75rem}.dropdown-divider{background:var(--border-color);height:1px;margin:.5rem 0}.dropdown-item{width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.85rem;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--hover-bg);color:var(--primary)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#ef44441a}.drop-icon{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.app-footer{border-top:1px solid var(--border-color);color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.78rem}.mobile-controls{align-items:center;gap:.5rem;display:none}.hamburger{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;transition:background .2s;display:flex}.hamburger:hover{background:var(--glass-bg)}.hamburger span{background:var(--text-main);border-radius:2px;width:18px;height:2px;transition:all .2s;display:block}.nav-icon-mobile{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px;margin-right:1rem}.mobile-nav{background:var(--bg-dark);z-index:1000;border-bottom:1px solid var(--border-color);width:100%;height:0;transition:height .3s cubic-bezier(.4,0,.2,1);position:fixed;top:64px;left:0;overflow:hidden}.mobile-nav.open{height:auto;max-height:80vh;padding-bottom:2rem;overflow-y:auto}.mobile-nav-inner{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.mobile-nav-inner a{color:var(--text-muted);border-radius:12px;align-items:center;padding:.8rem 1rem;font-size:1.1rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.mobile-nav-inner a:active,.mobile-nav-inner a.router-link-active{background:var(--hover-bg);color:var(--primary)}.mobile-user-info{border-bottom:1px solid var(--border-color);flex-direction:column;margin-bottom:.5rem;padding:1rem;display:flex}.mobile-user-info strong{color:var(--text-main);font-size:1.1rem}.mobile-user-info span{color:var(--text-muted);font-size:.85rem}.mobile-nav-link{color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;width:100%;padding:.8rem 1rem;font-size:1.1rem;text-decoration:none;display:flex}.mobile-nav-link.logout-mobile{color:#f87171}.mobile-nav-divider{background:var(--border-color);height:1px;margin:1rem 0}@media (width<=900px){.nav-desktop{display:none!important}.mobile-controls{display:flex}}@media (width>=901px){.mobile-controls,.mobile-nav{display:none}}.card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s,background .3s;box-shadow:0 8px 32px #00000026}.mode-light .card{box-shadow:0 2px 12px #00000014}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{color:var(--text-main);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{background:var(--glass-bg);border-color:var(--text-muted)}.btn-ghost{color:var(--text-muted);background:0 0;border:none}.btn-ghost:hover{color:var(--text-main);background:#ffffff0d}.btn-lg{padding:1rem 2rem;font-size:1rem;font-weight:700}.w-full{width:100%}input,select,textarea{background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:8px;outline:none;padding:.6rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,background .3s,color .3s}button{cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:1rem}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .15)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.mode-light select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}option{background-color:var(--option-bg);color:var(--input-text)}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#10b981;background:#10b98126}.badge-warning{background:rgba(var(--primary-rgb), .15);color:var(--primary)}.badge-error{color:#ef4444;background:#ef444426}.alert{border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.alert-success{color:#34d399;background:#10b9811a;border:1px solid #10b9814d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:95%;max-width:480px;padding:2rem;box-shadow:0 25px 50px #00000080}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.empty-state{text-align:center;background:var(--glass-bg);border:1px dashed var(--border-color);color:var(--text-muted);border-radius:12px;padding:3rem 2rem}.empty-state p{color:var(--text-main);margin-bottom:.5rem;font-weight:500}@media (width<=480px){.modal-content{padding:1.5rem}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.theme-portal{--primary:#f0c33c;--primary-hover:#d4a61f;--primary-rgb:240, 195, 60;--accent-rgb:240, 195, 60;--module-color:#f0c33c}.theme-portal.mode-light{--primary:#d97706;--primary-hover:#b45309;--primary-rgb:217, 119, 6;--primary-border:#c59a18;--primary-shadow:0 2px 10px #c3940059}.theme-portal .app-header{box-shadow:0 1px #f0c33c4d}.theme-portal .module-badge{color:#f0c33c;background:#f0c33c26;border:1px solid #f0c33c4d}.theme-portal .router-link-active{color:#f0c33c}.theme-portal .router-link-active .nav-icon{opacity:1;stroke:#f0c33c}.theme-portal .user-avatar{color:#000;background:#f0c33c}.theme-portal .nav-user-dropdown{background:#0a0800eb;border-color:#f0c33c26}.theme-portal .login-page{background:var(--bg-dark);background-image:radial-gradient(circle at 20% 20%,#f0c33c0f,#0000 60%),radial-gradient(circle at 80% 80%,#f0c33c0a,#0000 50%)}.theme-portal.mode-light .btn-primary{border:2px solid var(--primary-border);box-shadow:var(--primary-shadow)}.theme-store{--primary:#10b981;--primary-hover:#059669;--primary-rgb:16, 185, 129;--accent-rgb:16, 185, 129;--module-color:#10b981}.theme-store.mode-light{--primary:#059669;--primary-hover:#047857;--primary-rgb:5, 150, 105}.theme-store .app-header{box-shadow:0 1px #10b9814d}.theme-store .module-badge{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.theme-store .router-link-active{color:#10b981}.theme-store .router-link-active .nav-icon{opacity:1;stroke:#10b981}.theme-store .user-avatar{color:#fff;background:#10b981}.theme-store .nav-user-dropdown{background:#02160eeb;border-color:#10b98126}.theme-store .login-page{background:var(--bg-dark);background-image:radial-gradient(circle at 20% 20%,#10b9810f,#0000 60%),radial-gradient(circle at 80% 80%,#10b9810a,#0000 50%)}.theme-store.mode-light .btn-primary{border:2px solid #059669;box-shadow:0 2px 10px #10b98140}.theme-store .badge-store-mobile{color:#10b981;margin-top:.25rem;font-size:.75rem;font-weight:600}.theme-participant{--primary:#f0c33c;--primary-hover:#d4a61f;--primary-rgb:240, 195, 60;--accent-rgb:240, 195, 60;--bg-dark:#f9f7f2;--bg-card:#ffffffd9;--surface:#fff;--border-color:#00000014;--glass-bg:#00000008;--glass-border:#0000000f;--text-main:#1a1a1a;--text-muted:#6b7280;--input-bg:#fff;--input-text:#1a1a1a;--input-border:#0000001f;--option-bg:#fff;background-color:var(--bg-dark);color:var(--text-main)}.theme-participant .main-content{height:100%;overflow-y:auto;padding:0!important}.theme-landing{--primary:#f0c33c;--primary-hover:#d4a61f;--primary-rgb:240, 195, 60;--bg-landing:#f9f7f2;--text-main:#1a1a1a;--text-muted:#5a5a5a;--card-bg:#ffffffb3;--card-border:#0000000d;--glass-blur:blur(12px);background-color:var(--bg-landing);color:var(--text-main);font-family:Inter,sans-serif}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9f7f2cc;border-bottom:1px solid #0000000d;align-items:center;width:100%;height:80px;display:flex;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex}.landing-logo{color:var(--text-main);font-size:1.8rem;font-weight:700}.nav-tag{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);opacity:.6;font-size:.75rem;font-weight:800}.landing-title-font{letter-spacing:-.02em;font-family:Playfair Display,serif;font-weight:700}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:auto;padding:120px 20px 60px;display:flex;position:relative;overflow:hidden}.hero-tag{background:rgba(var(--primary-rgb), .1);border:1px solid rgba(var(--primary-rgb), .3);color:var(--primary-hover);text-transform:uppercase;letter-spacing:.1em;border-radius:100px;margin-bottom:16px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-block}.hero-h1{color:var(--text-main);max-width:900px;margin-bottom:20px;font-size:clamp(2.25rem,10vw,4.5rem);line-height:1.05}.hero-p{color:var(--text-muted);max-width:500px;margin:0 auto 40px;font-size:1.1rem;line-height:1.5}.landing-grid-sections{grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 100px;padding:0 20px;display:grid}.benefit-group{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:32px;padding:48px;transition:transform .4s,box-shadow .4s}.benefit-group:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000000d}.benefit-group.for-business{border-left:4px solid var(--primary)}.benefit-group.for-users{border-left:4px solid #1a1a1a}.group-title{align-items:center;gap:12px;margin-bottom:32px;font-size:2rem;display:flex}.benefit-item{text-align:left;gap:20px;margin-bottom:24px;display:flex}.benefit-icon{width:48px;height:48px;color:var(--primary-hover);background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #00000008}.benefit-text h4{margin-bottom:6px;font-size:1.1rem;font-weight:700}.benefit-text p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.decor-blob{z-index:-1;filter:blur(80px);opacity:.3;border-radius:50%;position:absolute}.blob-yellow{background:var(--primary);width:300px;height:300px;top:-50px;right:-50px}.blob-cream{background:#eae3d5;width:400px;height:400px;bottom:-100px;left:-50px}@media (width<=768px){.landing-grid-sections{grid-template-columns:1fr;gap:24px}.landing-nav{height:64px}.landing-logo{font-size:1.5rem}.landing-hero{padding-top:100px;padding-bottom:40px}.benefit-group{border-radius:24px;padding:24px}.group-title{margin-bottom:24px;font-size:1.5rem}.benefit-icon{width:40px;height:40px;padding:8px}.benefit-text h4{font-size:1rem}.benefit-text p{font-size:.88rem}}