:root{--navy-950:#080c16;--navy-900:#0f1729;--navy-800:#182239;--navy-700:#24304c;--navy-600:#364363;--cobalt-500:#0b64f4;--cobalt-400:#3c83f6;--cobalt-300:#6da2f8;--electric:#4ca6ff;--electric-dim:#1773cf;--success:#21c45d;--success-dim:#206037;--warning:#f6a823;--warning-dim:#664a19;--danger:#df3a3a;--danger-dim:#602020;--info:#26b2f2;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#627084;--glass-bg:#0f172acc;--glass-bg-solid:#0f1729;--glass-border:#6395ed26;--glass-border-hover:#6395ed4d;--glass-blur:20px;--glass-shadow:0 8px 32px #0006, 0 0 0 1px #6395ed14;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.3125rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:2.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:280px;--sidebar-collapsed:64px;--toolbar-height:48px;--panel-width:360px;--header-height:48px;--z-canvas:0;--z-grid:10;--z-panels:100;--z-sidebar:200;--z-toolbar:300;--z-modal:500;--z-toast:600;--z-tooltip:700}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--navy-950);width:100vw;height:100vh;font-weight:400;line-height:1.6;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--cobalt-500)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:var(--text-4xl);font-weight:800}h2{font-size:var(--text-3xl);font-weight:700}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--cobalt-400);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--electric)}code,kbd,pre{font-family:var(--font-mono)}::selection{color:var(--text-primary);background:#0b64f459}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-panel-solid{background:var(--navy-800);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--navy-700);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;height:36px;font-weight:500;line-height:1;display:inline-flex}.btn:hover{background:var(--navy-600);border-color:var(--glass-border-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn:active{box-shadow:none;transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--cobalt-500), var(--electric-dim));color:#fff;border-color:#6395ed4d;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg, var(--cobalt-400), var(--electric));border-color:#6395ed80;box-shadow:0 4px 20px #3b82f64d}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:#ffffff0f;border-color:#0000}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-sm{height:28px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{height:44px;padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--navy-900);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;height:36px}.input:focus{border-color:var(--cobalt-500);box-shadow:0 0 0 3px #3b82f626}.input::placeholder{color:var(--text-muted)}.input-mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em}.label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.06em;font-weight:500;display:block}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--cobalt-300);background:#3b82f626;font-weight:600;line-height:1.4;display:inline-flex}.badge-success{color:var(--success);background:#22c55e26}.badge-warning{color:var(--warning);background:#eab30826}.badge-danger{color:var(--danger);background:#ef444426}.divider{background:var(--glass-border);height:1px;margin:var(--space-3) 0;border:none}.tooltip-trigger{position:relative}.tooltip-trigger:after{content:attr(data-tooltip);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-primary);background:var(--navy-700);border:1px solid var(--glass-border);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:all var(--transition-fast);z-index:var(--z-tooltip);font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip-trigger:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.app-layout{background:var(--navy-950);width:100vw;height:100vh;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed);background:var(--navy-900);border-right:1px solid var(--glass-border);height:100%;z-index:var(--z-sidebar);transition:width var(--transition-slow);flex-direction:column;display:flex;overflow:hidden}.app-main{flex:1;position:relative;overflow:hidden}.app-canvas-container{z-index:var(--z-canvas);position:absolute;inset:0}.sidebar-logo{height:var(--header-height);border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-mark{width:32px;height:32px;font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);color:var(--electric);border-radius:var(--radius-md);background:linear-gradient(135deg,#3b82f633,#6395ed1a);border:1px solid #6395ed33;justify-content:center;align-items:center;display:flex}.sidebar-nav{padding:var(--space-3) 0;align-items:center;gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-nav-item{border-radius:var(--radius-md);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:#ffffff0a;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.sidebar-nav-item:hover{color:var(--electric);background:#3b82f61f;border-color:#3b82f626;transform:scale(1.08);box-shadow:0 0 16px #3b82f626}.sidebar-nav-item.active{color:var(--electric);background:#3b82f62e;border-color:#3b82f659;box-shadow:0 0 20px #3b82f633,inset 0 0 12px #3b82f614}.sidebar-nav-item.active:before{content:"";background:var(--electric);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:24px;box-shadow:0 0 10px var(--electric);position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-nav-item.tooltip-trigger:after{top:50%;bottom:auto;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)}.sidebar-nav-item.tooltip-trigger:hover:after{transform:translateY(-50%)translate(0)}.sidebar-section-divider{background:linear-gradient(90deg, transparent, var(--glass-border), transparent);width:28px;height:1px;margin:var(--space-2) 0}.sidebar-footer{padding:var(--space-3);align-items:center;gap:var(--space-2);border-top:1px solid var(--glass-border);flex-direction:column;display:flex}.feature-panel{top:var(--space-3);left:var(--space-3);bottom:var(--space-3);width:var(--panel-width);z-index:var(--z-panels);animation:panel-slide-in var(--transition-slow) forwards;flex-direction:column;display:flex;position:absolute;overflow:hidden}@keyframes panel-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.panel-header{padding:var(--space-4);border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.panel-header h3{font-size:var(--text-lg);font-family:var(--font-display)}.panel-body{padding:var(--space-4);flex:1;overflow-y:auto}.panel-section{margin-bottom:var(--space-6)}.panel-section-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-weight:600}.right-panel{top:var(--space-3);right:var(--space-3);bottom:var(--space-3);width:var(--panel-width);z-index:var(--z-panels);animation:panel-slide-in-right var(--transition-slow) forwards;flex-direction:column;display:flex;position:absolute;overflow:hidden}@keyframes panel-slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.floating-toolbar{top:var(--space-3);z-index:var(--z-toolbar);align-items:center;gap:var(--space-1);padding:var(--space-1);animation:toolbar-fade-in var(--transition-slow) forwards;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes toolbar-fade-in{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toolbar-group{align-items:center;gap:var(--space-1);display:flex}.toolbar-separator{background:var(--glass-border);width:1px;height:24px;margin:0 var(--space-1)}.toolbar-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--cobalt-300);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #0000;justify-content:center;align-items:center;font-size:0;display:flex}.toolbar-btn:hover{color:#fff;background:#3b82f626;border-color:#3b82f633;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.toolbar-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f640,#6395ed26);border-color:#3b82f666;box-shadow:0 0 16px #3b82f640,inset 0 0 8px #3b82f61a}.toolbar-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none!important;transform:none!important}.toolbar-btn.tooltip-trigger:after{top:calc(100% + 8px);bottom:auto;left:50%;transform:translate(-50%)translateY(-4px)}.toolbar-btn.tooltip-trigger:hover:after{transform:translate(-50%)translateY(0)}.status-bar{bottom:var(--space-3);z-index:var(--z-panels);align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);display:flex;position:absolute;left:50%;transform:translate(-50%)}.status-item{align-items:center;gap:var(--space-1);display:flex}.status-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 6px var(--success);border-radius:50%}.toast-container{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--navy-800);border:1px solid var(--glass-border);font-size:var(--text-sm);color:var(--text-primary);align-items:center;gap:var(--space-2);animation:toast-in var(--transition-base) forwards;pointer-events:auto;max-width:400px;display:flex;box-shadow:0 8px 32px #00000080}.toast-success{border-left:3px solid var(--success)}.toast-warning{border-left:3px solid var(--warning)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--info)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-exit{animation:toast-out var(--transition-fast) forwards}@keyframes toast-out{to{opacity:0;transform:translate(20px)scale(.95)}}.metric-card{padding:var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff08}.metric-card:hover{border-color:var(--glass-border-hover);background:#ffffff0d}.metric-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.metric-value{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.metric-bar{background:var(--navy-700);border-radius:var(--radius-full);height:4px;margin-top:var(--space-2);overflow:hidden}.metric-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.metric-bar-fill.good{background:linear-gradient(90deg, var(--success), #3bde77)}.metric-bar-fill.moderate{background:linear-gradient(90deg, var(--warning), #f8bc54)}.metric-bar-fill.poor{background:linear-gradient(90deg, var(--danger), #e66565)}.master-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#ffffff0a,#ffffff03);position:relative;overflow:hidden}.master-card:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.master-card.zaha:before{background:linear-gradient(135deg,#9333ea1a,#3b82f60d)}.master-card.calatrava:before{background:linear-gradient(135deg,#eab3081a,#f973160d)}.master-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}.master-card:hover:before{opacity:1}.chat-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{max-width:90%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);animation:bubble-in var(--transition-base) forwards;line-height:1.6}.chat-bubble.user{background:linear-gradient(135deg, var(--cobalt-500), var(--electric-dim));color:#fff;border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.chat-bubble.ai{background:var(--navy-800);border:1px solid var(--glass-border);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-input-area{padding:var(--space-3);border-top:1px solid var(--glass-border);gap:var(--space-2);display:flex}.chat-input{padding:var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--navy-900);border:1px solid var(--glass-border);border-radius:var(--radius-lg);resize:none;min-height:44px;max-height:120px;transition:border-color var(--transition-fast);outline:none;flex:1}.chat-input:focus{border-color:var(--cobalt-500)}.pulse-dot{background:var(--cobalt-400);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both pulse;display:inline-block}.pulse-dot:first-child{animation-delay:-.32s}.pulse-dot:nth-child(2){animation-delay:-.16s}.pulse-dot:nth-child(3){animation-delay:0}@keyframes pulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.glow-blue{box-shadow:0 0 20px #3b82f626,0 0 60px #3b82f60d}.glow-text{text-shadow:0 0 20px #6395ed80}.mode-toggle{background:var(--navy-900);border:1px solid var(--glass-border);border-radius:var(--radius-lg);gap:2px;padding:3px;display:flex}.mode-toggle-option{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-muted);text-align:center;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-sans);background:0 0;border:none;flex:1}.mode-toggle-option:hover{color:var(--text-secondary)}.mode-toggle-option.active{color:var(--text-primary);background:var(--navy-700);box-shadow:0 2px 8px #0000004d}.preset-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.preset-item{padding:var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:#ffffff08}.preset-item:hover{background:#3b82f614;border-color:#3b82f64d;transform:translateY(-1px)}.preset-item.active{border-color:var(--cobalt-500);background:#3b82f61f}.preset-icon{margin-bottom:var(--space-1);font-size:1.5rem}.preset-name{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--cobalt-500);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.onboarding-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in var(--transition-slow) forwards;background:#05080fd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.onboarding-card{width:90%;max-width:520px;padding:var(--space-8);text-align:center}.onboarding-card h2{margin-bottom:var(--space-2);background:linear-gradient(135deg, var(--electric), var(--cobalt-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.onboarding-card p{margin-bottom:var(--space-6)}.render-gallery{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.render-thumb{aspect-ratio:16/10;border-radius:var(--radius-md);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.render-thumb:hover{border-color:var(--cobalt-500);transform:scale(1.02)}.render-thumb img{object-fit:cover;width:100%;height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.text-center{text-align:center}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing-page{z-index:1000;scroll-behavior:smooth;background:var(--navy-950);position:fixed;inset:0;overflow:hidden auto}.particles-container{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{background:var(--cobalt-400);opacity:0;border-radius:50%;width:3px;height:3px;animation:linear infinite particle-float;position:absolute}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)scale(1)}}.particle:first-child{background:var(--electric);width:2px;height:2px;animation-duration:14s;animation-delay:0s;left:5%}.particle:nth-child(2){width:4px;height:4px;animation-duration:18s;animation-delay:2s;left:15%}.particle:nth-child(3){width:2px;height:2px;animation-duration:12s;animation-delay:4s;left:25%}.particle:nth-child(4){background:var(--electric);width:3px;height:3px;animation-duration:20s;animation-delay:1s;left:35%}.particle:nth-child(5){width:2px;height:2px;animation-duration:16s;animation-delay:3s;left:45%}.particle:nth-child(6){background:var(--cobalt-300);width:4px;height:4px;animation-duration:22s;animation-delay:5s;left:55%}.particle:nth-child(7){width:2px;height:2px;animation-duration:15s;animation-delay:.5s;left:65%}.particle:nth-child(8){background:var(--electric);width:3px;height:3px;animation-duration:19s;animation-delay:2.5s;left:75%}.particle:nth-child(9){width:2px;height:2px;animation-duration:17s;animation-delay:1.5s;left:85%}.particle:nth-child(10){width:4px;height:4px;animation-duration:21s;animation-delay:4.5s;left:92%}.particle:nth-child(11){background:#8c47d1;width:3px;height:3px;animation-duration:23s;animation-delay:6s;left:10%}.particle:nth-child(12){background:var(--electric);width:2px;height:2px;animation-duration:13s;animation-delay:7s;left:50%}.floating-shapes{z-index:0;pointer-events:none;position:fixed;inset:0}.geo-shape{border:1px solid #6395ed26;animation:ease-in-out infinite geo-float;position:absolute}.geo-shape:first-child{border-color:#6395ed1f;border-radius:50%;width:80px;height:80px;animation-duration:8s;top:15%;left:8%}.geo-shape:nth-child(2){border-color:#9333ea1f;width:60px;height:60px;animation-duration:10s;animation-delay:1s;top:60%;right:12%;transform:rotate(45deg)}.geo-shape:nth-child(3){border-radius:8px;width:40px;height:40px;animation-duration:12s;animation-delay:2s;top:35%;right:25%}.geo-shape:nth-child(4){border-color:#3b82f614;border-radius:50%;width:100px;height:100px;animation-duration:9s;animation-delay:3s;bottom:20%;left:20%}.geo-shape:nth-child(5){border-color:#6395ed1a;width:50px;height:50px;animation-duration:11s;animation-delay:4s;top:70%;left:45%;transform:rotate(60deg)}@keyframes geo-float{0%,to{opacity:.6;transform:translateY(0)rotate(0)}25%{opacity:1;transform:translateY(-20px)rotate(5deg)}50%{opacity:.8;transform:translateY(-10px)rotate(-3deg)}75%{opacity:1;transform:translateY(-25px)rotate(4deg)}}.landing-nav{z-index:100;padding:var(--space-4) var(--space-8);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);background:#0a0f1eb3;border-bottom:1px solid #6395ed14;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{background:#0a0f1eeb;box-shadow:0 8px 32px #0006}.nav-logo{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--text-primary);text-decoration:none;display:flex}.nav-logo-diamond{background:linear-gradient(135deg, var(--cobalt-500), var(--electric));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;animation:3s ease-in-out infinite diamond-pulse;display:flex;box-shadow:0 0 20px #3b82f64d}@keyframes diamond-pulse{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 35px #3b82f680}}.nav-links{align-items:center;gap:var(--space-6);display:flex}.nav-link{font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--electric)}.nav-link:after{content:"";background:var(--electric);width:0;height:2px;transition:width var(--transition-base);border-radius:2px;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.hero-section{min-height:100vh;padding:100px var(--space-8) var(--space-8);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:5s ease-in-out infinite hero-glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hero-glow-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.hero-content{z-index:10;text-align:center;max-width:900px;animation:1.2s cubic-bezier(.16,1,.3,1) forwards hero-reveal;position:relative}@keyframes hero-reveal{0%{opacity:0;filter:blur(10px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--cobalt-300);margin-bottom:var(--space-6);letter-spacing:.08em;text-transform:uppercase;background:#3b82f61a;border:1px solid #3b82f633;font-weight:600;animation:1.2s cubic-bezier(.16,1,.3,1) .1s both hero-reveal;display:inline-flex}.hero-badge-dot{background:var(--electric);width:6px;height:6px;box-shadow:0 0 8px var(--electric);border-radius:50%;animation:2s ease-in-out infinite badge-dot-pulse}@keyframes badge-dot-pulse{0%,to{opacity:.6}50%{opacity:1;box-shadow:0 0 14px var(--electric)}}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:var(--space-6);font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1.05;animation:1.2s cubic-bezier(.16,1,.3,1) .2s both hero-reveal}.gradient-text{background:linear-gradient(135deg, var(--electric) 0%, var(--cobalt-300) 40%, #b375f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto var(--space-8);font-size:clamp(1rem,2vw,1.35rem);line-height:1.7;animation:1.2s cubic-bezier(.16,1,.3,1) .35s both hero-reveal}.hero-actions{justify-content:center;align-items:center;gap:var(--space-4);animation:1.2s cubic-bezier(.16,1,.3,1) .5s both hero-reveal;display:flex}.btn-hero{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:700;font-family:var(--font-display);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-3);border:none;text-decoration:none;display:inline-flex}.btn-hero-primary{background:linear-gradient(135deg, var(--cobalt-500), var(--electric));color:#fff;box-shadow:0 4px 24px #3b82f64d,0 0 0 1px #3b82f633}.btn-hero-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 40px #3b82f673,0 0 0 1px #3b82f64d}.btn-hero-secondary{color:var(--text-primary);border:1px solid var(--glass-border);background:#ffffff0f}.btn-hero-secondary:hover{border-color:var(--glass-border-hover);background:#ffffff1a;transform:translateY(-3px)}.hero-image-container{max-width:1100px;margin:var(--space-12) auto 0;animation:1.4s cubic-bezier(.16,1,.3,1) .7s both hero-reveal;position:relative}.hero-image{border-radius:var(--radius-xl);width:100%;transition:all var(--transition-slow);border:1px solid #6395ed33;box-shadow:0 20px 80px #00000080,0 0 0 1px #6395ed1a,0 0 60px #3b82f614}.hero-image:hover{transform:translateY(-4px);box-shadow:0 30px 100px #00000080,0 0 0 1px #6395ed26,0 0 80px #3b82f61f}.hero-image-glow{border-radius:var(--radius-xl);z-index:-1;background:radial-gradient(#3b82f61a 0%,#0000 70%);animation:4s ease-in-out infinite image-glow-pulse;position:absolute;inset:-40px}@keyframes image-glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.stats-bar{justify-content:center;gap:var(--space-12);padding:var(--space-12) var(--space-8);z-index:10;display:flex;position:relative}.stat-item{text-align:center;animation:.8s cubic-bezier(.16,1,.3,1) both stat-reveal}.stat-item:first-child{animation-delay:.9s}.stat-item:nth-child(2){animation-delay:1s}.stat-item:nth-child(3){animation-delay:1.1s}.stat-item:nth-child(4){animation-delay:1.2s}@keyframes stat-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);background:linear-gradient(135deg, var(--electric), var(--cobalt-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.features-section{padding:var(--space-12) var(--space-8) calc(var(--space-12) * 2);z-index:10;max-width:1200px;margin:0 auto;position:relative}.section-header{text-align:center;margin-bottom:calc(var(--space-12) * 1.5)}.section-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--cobalt-300);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);background:#3b82f614;border:1px solid #3b82f626;font-weight:600;display:inline-flex}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--space-4);font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-desc{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.feature-cards-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:900px){.feature-cards-grid{grid-template-columns:1fr}}.feature-card{border-radius:var(--radius-xl);border:1px solid var(--glass-border);transition:all var(--transition-slow);cursor:default;background:#0f172a99;position:relative;overflow:hidden}.feature-card:hover{border-color:#6395ed4d;transform:translateY(-8px);box-shadow:0 20px 60px #0006,0 0 40px #3b82f614}.feature-card-image{object-fit:cover;width:100%;height:220px;transition:transform var(--transition-slow);display:block}.feature-card:hover .feature-card-image{transform:scale(1.05)}.feature-card-body{padding:var(--space-6)}.feature-card-icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:1.3rem;display:flex}.feature-card-title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:700}.feature-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.feature-card-tags{gap:var(--space-1);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.cta-section{padding:calc(var(--space-12) * 2) var(--space-8);text-align:center;z-index:10;position:relative}.cta-section .hero-title{font-size:clamp(2rem,5vw,4rem);animation:none}.hero-glow{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,#3b82f626 0%,#0000 40%),radial-gradient(circle at 80% 60%,#9333ea26 0%,#0000 40%),radial-gradient(circle at 50% 80%,#38bdf81a 0%,#0000 50%);width:120vw;height:120vh;animation:20s ease-in-out infinite alternate aurora-breathe;position:absolute;top:-20%;left:-10%}@keyframes aurora-breathe{0%{opacity:.8;transform:scale(1)translate(0)rotate(0)}50%{opacity:1;transform:scale(1.1)translate(-2%,2%)rotate(2deg)}to{opacity:.8;transform:scale(.9)translate(2%,-2%)rotate(-2deg)}}.cta-glow{filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#9333ea26 0%,#0000 70%);width:800px;height:800px;animation:10s ease-in-out infinite alternate pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%{opacity:.5;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.landing-exit{animation:.6s cubic-bezier(.4,0,.2,1) forwards landing-fade-out}@keyframes landing-fade-out{to{opacity:0;filter:blur(8px);transform:scale(1.02)}}.scroll-reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.gradient-divider{background:linear-gradient(90deg,#0000 0%,#3b82f64d 50%,#0000 100%);max-width:600px;height:1px;margin:0 auto}.custom-cursor{pointer-events:none;z-index:9999;mix-blend-mode:screen;border:2px solid #3b82f680;border-radius:50%;width:32px;height:32px;transition:width .2s,height .2s,background-color .2s,border-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor.hovering{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#3b82f61a;border-color:#3b82f6cc;width:48px;height:48px}.custom-cursor-dot{background-color:var(--electric);pointer-events:none;z-index:10000;border-radius:50%;width:6px;height:6px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.parallax-container{perspective:1000px;transform-style:preserve-3d;width:100%;height:100%}.parallax-image{will-change:transform;transition:transform .1s ease-out}.testimonials-section{padding:var(--space-12) var(--space-8);max-width:1200px;margin:0 auto;overflow:hidden}.testimonials-track{gap:var(--space-6);width:max-content;animation:30s linear infinite scroll-carousel;display:flex}.testimonials-track:hover{animation-play-state:paused}.testimonial-card{background:var(--surface-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:350px;padding:var(--space-6);gap:var(--space-4);-webkit-backdrop-filter:blur(12px);flex-direction:column;flex-shrink:0;display:flex}.testimonial-text{font-size:var(--text-base);color:var(--text-secondary);font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:var(--space-3);margin-top:auto;display:flex}.testimonial-avatar{background:linear-gradient(135deg, var(--cobalt-400), var(--electric));border-radius:50%;width:40px;height:40px}@keyframes scroll-carousel{0%{transform:translate(0)}to{transform:translateX(calc(-50% - (var(--space-6) / 2)))}}.system-auth-popup{-webkit-backdrop-filter:blur(16px);z-index:9999;width:380px;color:var(--text-secondary);background:#0a0f1ed9;border:1px solid #3b82f633;border-radius:16px;padding:24px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slide-up-fade;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 40px #00000080,0 0 20px #3b82f61a}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.system-auth-header{align-items:center;margin-bottom:16px;display:flex;position:relative}.system-auth-icon{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:16px;display:flex}.system-auth-title-row{align-items:center;gap:8px;display:flex}.system-auth-title{letter-spacing:.1em;color:var(--text-primary);margin:0;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700}.system-auth-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b98199}.system-auth-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:-8px;right:-8px}.system-auth-close:hover{color:var(--text-primary);background:#ffffff0d}.system-auth-text{color:var(--text-muted);margin:0 0 20px;font-family:Inter,sans-serif;font-size:.85rem;line-height:1.5}.system-auth-link{color:#3b82f6;text-decoration:none;transition:color .2s}.system-auth-link:hover{color:#60a5fa;text-decoration:underline}.system-auth-button{width:100%;color:var(--text-primary);letter-spacing:.05em;cursor:pointer;background:linear-gradient(90deg,#1e3a8acc,#3b82f666);border:1px solid #3b82f64d;border-radius:8px;padding:12px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s}.system-auth-button:hover{background:linear-gradient(90deg,#1e3a8a,#3b82f699);border-color:#3b82f699;box-shadow:0 0 15px #3b82f64d}.legal-page{background:var(--navy-950);min-height:100vh;color:var(--text-primary);padding:var(--space-12) var(--space-8);font-family:Inter,sans-serif}.legal-container{border:1px solid var(--glass-border);border-radius:var(--radius-xl);max-width:800px;padding:var(--space-12);background:#0f172a99;margin:0 auto;box-shadow:0 20px 60px #0006}.back-link{align-items:center;gap:var(--space-2);color:var(--cobalt-300);margin-bottom:var(--space-8);font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--electric)}.legal-title{margin-bottom:var(--space-2);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}.legal-date{color:var(--text-muted);margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid #ffffff1a;font-size:.9rem}.legal-section{margin-bottom:var(--space-8)}.legal-section h2{margin-bottom:var(--space-4);color:var(--electric);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.legal-section p{color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.8}.legal-section ul{color:var(--text-secondary);padding-left:var(--space-6);margin-bottom:var(--space-4);line-height:1.8}.legal-section li{margin-bottom:var(--space-2)}.legal-section strong{color:var(--text-primary)}@media (max-width:768px){.hero-title{font-size:2.5rem}.stats-bar{gap:var(--space-6);flex-wrap:wrap}.hero-actions{flex-direction:column}.landing-nav{padding:var(--space-3) var(--space-4)}.nav-links{gap:var(--space-3)}.features-section{padding:var(--space-8) var(--space-4)}}@media (max-width:480px){.system-auth-popup{width:auto;padding:18px;bottom:12px;left:12px;right:12px}.system-auth-text{font-size:.8rem}}