:root{--bg:#060914;--bg-2:#0a1020;--surface:#0d1322c2;--surface-strong:#0f172aeb;--surface-soft:#94a3b80f;--border:#94a3b829;--border-strong:#94a3b842;--text:#f8fafc;--text-soft:#cbd5e1;--muted:#94a3b8;--muted-2:#64748b;--primary:#60a5fa;--primary-2:#818cf8;--teal:#2dd4bf;--success:#34d399;--warning:#fbbf24;--danger:#fb7185;--shadow:0 24px 70px #00000057;--shadow-soft:0 12px 36px #00000042;--radius-sm:10px;--radius:14px;--radius-lg:18px;--radius-xl:22px;--container:1184px;--ease:.18s ease}.app-page,.min-h-screen{min-height:100vh}.bg-gray-950,.page-shell{background:radial-gradient(circle at 18% 0,#60a5fa29,#0000 28%),radial-gradient(circle at 88% 8%,#2dd4bf1f,#0000 30%),linear-gradient(#070b16 0%,#060914 52%,#050712 100%)}.premium-page{min-height:100vh}.container,.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl,.max-w-3xl,.max-w-2xl,.max-w-md{width:min(var(--container), calc(100% - 32px));margin-inline:auto}.max-w-6xl{--container:1120px}.max-w-5xl{--container:1024px}.max-w-4xl{--container:896px}.max-w-3xl{--container:768px}.max-w-2xl{--container:672px}.max-w-md{--container:448px}.section{padding:88px 0}.section-tight{padding:48px 0}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:#bfdbfe;letter-spacing:0;background:#60a5fa1a;border:1px solid #60a5fa47;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.page-title,.hero-title{color:var(--text);letter-spacing:0;margin:0;font-weight:800;line-height:1.04}.page-title{font-size:clamp(2rem,4vw,3rem)}.hero-title{max-width:900px;margin-inline:auto;font-size:clamp(3rem,7vw,5.8rem)}.gradient-text{color:#0000;background:linear-gradient(135deg,#fff 0%,#bfdbfe 40%,#99f6e4 100%);-webkit-background-clip:text;background-clip:text}.section-title{max-width:780px;color:var(--text);text-align:center;letter-spacing:0;margin:0 auto 16px;font-size:clamp(2rem,4vw,3.4rem);font-weight:800;line-height:1.08}.section-subtitle,.page-subtitle,.hero-subtitle{color:var(--muted);line-height:1.7}.hero-subtitle{max-width:760px;margin:24px auto 0;font-size:1.14rem}.text-center{text-align:center}.text-left{text-align:left}.text-white{color:var(--text)}.text-gray-300{color:var(--text-soft)}.text-gray-400{color:var(--muted)}.text-gray-500{color:var(--muted-2)}.text-indigo-300,.text-indigo-400{color:#93c5fd}.text-emerald-300,.text-emerald-400{color:var(--success)}.text-amber-300,.text-amber-400{color:var(--warning)}.text-red-300,.text-red-400{color:var(--danger)}.font-medium{font-weight:500}.font-semibold{font-weight:650}.font-bold{font-weight:750}.font-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.mt-20{margin-top:80px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-12{margin-bottom:48px}.mb-16{margin-bottom:64px}.mb-20{margin-bottom:80px}.mx-auto{margin-inline:auto}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.px-3{padding-inline:12px}.px-4{padding-inline:16px}.px-6{padding-inline:24px}.py-1{padding-block:4px}.py-2{padding-block:8px}.py-3{padding-block:12px}.py-4{padding-block:16px}.py-8{padding-block:32px}.py-12{padding-block:48px}.py-20{padding-block:80px}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.pointer-events-none{pointer-events:none}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-5>*+*{margin-top:20px}.space-y-6>*+*{margin-top:24px}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.w-full{width:100%}.w-2{width:8px}.h-2{height:8px}.w-3{width:12px}.h-3{height:12px}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.w-6{width:24px}.h-6{height:24px}.w-9{width:36px}.h-9{height:36px}.w-10{width:40px}.h-10{height:40px}.w-12{width:48px}.h-12{height:48px}.w-16{width:64px}.h-16{height:64px}.w-20{width:80px}.h-20{height:80px}.h-64{height:256px}.max-h-90vh{max-height:90vh}.max-h-chat{max-height:520px}.max-w-none{max-width:none}.rounded-lg{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-lg)}.rounded-full{border-radius:999px}.rounded-tl-sm{border-top-left-radius:4px}.rounded-tr-sm{border-top-right-radius:4px}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-gray-700\/50,.border-gray-800\/50,.border-gray-700\/30{border-color:var(--border)}.shadow-lg,.shadow-xl,.shadow-2xl{box-shadow:var(--shadow-soft)}.transition-all,.transition-colors{transition:background-color var(--ease), border-color var(--ease), color var(--ease), box-shadow var(--ease), transform var(--ease)}.cursor-pointer{cursor:pointer}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.appearance-none{appearance:none}.resize-y{resize:vertical}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.premium-card,.ui-card,.glass-card,.auth-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0f172ad1,#0f172aa3)}.premium-card:hover,.ui-card.is-hoverable:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.ui-card{transition:transform var(--ease), border-color var(--ease), box-shadow var(--ease), background var(--ease)}.ui-card-default{background:#0f172aad}.ui-card-elevated{background:#0f172adb}.ui-card-glass{background:#0f172a94}.ui-card-gradient{background:linear-gradient(135deg,#60a5fa29,#2dd4bf14),#0f172ad6}.ui-card-header{border-bottom:1px solid var(--border);padding:24px}.ui-card-body{padding:24px}.ui-card-title{color:var(--text);margin:0 0 4px;font-size:1.15rem}.ui-card-subtitle{color:var(--muted);margin:0;font-size:.9rem}.ui-icon-box,.metric-icon,.avatar-box,.nav-logo-mark{border-radius:var(--radius);color:#dbeafe;background:linear-gradient(135deg,#60a5fa29,#2dd4bf1f);border:1px solid #94a3b829;justify-content:center;align-items:center;font-weight:750;display:inline-flex}.icon-letter{letter-spacing:0;width:40px;height:40px;font-size:.78rem}.btn,.ui-button{border-radius:var(--radius);cursor:pointer;letter-spacing:0;min-height:40px;transition:transform var(--ease), box-shadow var(--ease), background var(--ease), border-color var(--ease), color var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button-small{min-height:34px;padding:7px 12px;font-size:.86rem}.ui-button-medium{min-height:42px;padding:10px 16px;font-size:.94rem}.ui-button-large{min-height:48px;padding:12px 20px;font-size:1rem}.ui-button-full{width:100%}.ui-button-primary{color:#03101f;background:linear-gradient(135deg,#93c5fd,#5eead4);box-shadow:0 14px 32px #2dd4bf2e}.ui-button-secondary{color:var(--text);border-color:var(--border);background:#94a3b817}.ui-button-outline,.ui-button-ghost{color:#bfdbfe;border-color:var(--border);background:0 0}.ui-button-danger{color:#fff1f2;background:#fb718524;border-color:#fb718557}.ui-button-success{color:#ecfdf5;background:#34d39924;border-color:#34d39957}.button-spinner,.loading-spinner-dot{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite spin}.form-field{width:100%}.form-label{color:var(--text-soft);margin-bottom:8px;font-size:.9rem;font-weight:650;display:block}.input-wrap{position:relative}.field-icon{color:var(--muted-2);font-size:.78rem;font-weight:800;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ui-input,.ui-select,.ui-textarea,input,select,textarea{width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--ease), box-shadow var(--ease), background var(--ease);background:#0206176b;outline:none}.ui-input,.ui-select,.ui-textarea{padding:12px 14px}.ui-input.has-icon{padding-left:42px}.ui-input::placeholder,.ui-textarea::placeholder,textarea::placeholder,input::placeholder{color:#64748b}.ui-input:focus,.ui-select:focus,.ui-textarea:focus,input:focus,select:focus,textarea:focus{background:#0206179e;border-color:#60a5fab8;box-shadow:0 0 0 4px #60a5fa1f}.ui-field-error{color:var(--danger);margin-top:8px;font-size:.84rem}.ui-badge{border:1px solid var(--border);width:fit-content;color:var(--text-soft);background:#94a3b814;border-radius:999px;align-items:center;gap:6px;font-weight:700;display:inline-flex}.ui-badge-small{padding:3px 8px;font-size:.72rem}.ui-badge-medium{padding:5px 10px;font-size:.8rem}.ui-badge-large{padding:7px 12px;font-size:.9rem}.ui-badge-primary{color:#bfdbfe;background:#60a5fa1a;border-color:#60a5fa4d}.ui-badge-success{color:#bbf7d0;background:#34d3991a;border-color:#34d3994d}.ui-badge-warning{color:#fde68a;background:#fbbf241a;border-color:#fbbf244d}.ui-badge-danger{color:#fecdd3;background:#fb71851a;border-color:#fb71854d}.ui-badge-info{color:#bae6fd;background:#38bdf81a;border-color:#38bdf84d}.ui-badge-premium{color:#e0f2fe;background:#2dd4bf1a;border-color:#2dd4bf57}.premium-nav{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060914d1;width:100%;position:sticky;top:0}.premium-nav-inner{height:68px;width:min(var(--container), calc(100% - 32px));justify-content:space-between;align-items:center;gap:18px;margin-inline:auto;display:flex}.brand-link{align-items:center;gap:10px;font-weight:800;display:inline-flex}.nav-logo-mark{color:#03101f;background:linear-gradient(135deg,#93c5fd,#5eead4);width:40px;height:40px}.brand-text{color:var(--text);font-size:1.06rem}.nav-links{align-items:center;gap:2px;display:flex}.nav-link{color:var(--muted);transition:color var(--ease), background var(--ease);border-radius:10px;padding:9px 10px;font-size:.88rem;font-weight:650}.nav-link:hover{color:var(--text);background:#94a3b814}.nav-actions{align-items:center;gap:12px;display:flex}.user-button{border-radius:var(--radius);color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:6px 8px;display:flex}.user-button:hover{background:#94a3b814}.user-avatar{color:#03101f;background:linear-gradient(135deg,#93c5fd,#5eead4);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:inline-flex}.dropdown{border:1px solid var(--border);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow);background:#0f172af5;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;display:flex}.dropdown-item:hover{color:var(--text);background:#94a3b814}.mobile-menu-button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#94a3b814;padding:8px;display:none}.mobile-nav{border-top:1px solid var(--border);background:#060914f0;display:none}.mobile-nav-inner{width:min(var(--container), calc(100% - 32px));gap:6px;margin-inline:auto;padding:12px 0 16px;display:grid}.hero{padding:104px 0 64px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.hero-inner{z-index:1;text-align:center;position:relative}.hero-ctas,.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.trust-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:64px;display:grid}.trust-stat,.stat-card,.action-card,.topic-chip,.message-bubble,.code-panel,.mini-panel{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a9e}.trust-stat{text-align:center;padding:20px}.trust-value{color:var(--text);font-size:2rem;font-weight:800}.trust-label{color:var(--muted);text-transform:uppercase;margin-top:4px;font-size:.78rem}.feature-grid,.pricing-grid,.testimonial-grid,.dashboard-grid,.actions-grid{gap:20px;display:grid}.feature-grid,.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-marker{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(135deg,#60a5fa38,#2dd4bf24);width:44px;height:44px}.metric-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.metric-value{color:var(--text);margin-top:6px;font-size:2rem;font-weight:800}.metric-icon{width:48px;height:48px}.chart-bars{align-items:end;gap:10px;height:220px;padding-top:16px;display:flex}.chart-bar{background:linear-gradient(#93c5fd,#2dd4bf);border-radius:999px 999px 8px 8px;flex:1;min-width:18px;box-shadow:0 14px 28px #2dd4bf1f}.progress-line{background:#94a3b81f;border-radius:999px;height:10px;overflow:hidden}.progress-line>span{border-radius:inherit;background:linear-gradient(90deg,#93c5fd,#5eead4);height:100%;display:block}.list-row{border:1px solid var(--border);border-radius:var(--radius);background:#94a3b80d;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.empty-state{text-align:center;padding:48px 20px}.empty-mark{border:1px solid var(--border);background:linear-gradient(135deg,#60a5fa2e,#2dd4bf1f);border-radius:18px;width:56px;height:56px;margin:0 auto 18px}.chat-shell{flex-direction:column;height:calc(100vh - 260px);min-height:520px;display:flex}.message-list{flex:1;padding:24px;overflow-y:auto}.message-row{align-items:flex-start;gap:12px;display:flex}.message-row.user{justify-content:flex-end}.message-bubble{max-width:min(78%,720px);color:var(--text);padding:14px 16px;line-height:1.65}.message-row.user .message-bubble{background:linear-gradient(135deg,#60a5fa33,#2dd4bf1a);border-color:#60a5fa47}.chat-composer{border-top:1px solid var(--border);padding:16px}.topic-chip{width:100%;color:var(--text-soft);text-align:left;cursor:pointer;background:#94a3b80d;padding:12px}.topic-chip:hover{border-color:#60a5fa61}.coding-layout{grid-template-columns:360px 1fr;gap:24px;display:grid}.code-editor{min-height:280px;font-size:.92rem;line-height:1.7}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617ad;position:fixed;inset:0}.modal-shell{z-index:51;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-panel{border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-height:90vh;box-shadow:var(--shadow);background:#0f172af5;overflow:hidden}.loading-wrap{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 0;display:flex}.loading-ring{border:3px solid #94a3b82e;border-top-color:var(--primary);border-radius:999px;animation:.85s linear infinite spin}.skeleton{border-radius:var(--radius);background:#94a3b81a;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.auth-shell{background:radial-gradient(circle at 18% 0,#60a5fa2e,#0000 32%),radial-gradient(circle at 88% 12%,#2dd4bf1f,#0000 28%),#060914;justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex}.auth-logo{align-items:center;gap:10px;margin-bottom:24px;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes bounce{0%,80%,to{opacity:.45;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.animate-bounce{animation:1.2s infinite bounce}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-5xl{font-size:3rem}.md\:text-7xl{font-size:4.5rem}}@media (width>=1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:hidden{display:none}.lg\:flex{display:flex}}@media (width<=1120px){.nav-links,.nav-actions{display:none}.mobile-menu-button{display:inline-flex}.mobile-nav{display:block}.dashboard-grid,.actions-grid,.trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}.coding-layout{grid-template-columns:1fr}}@media (width<=820px){.section{padding:64px 0}.page-header{flex-direction:column;align-items:flex-start}.feature-grid,.testimonial-grid,.pricing-grid,.dashboard-grid,.actions-grid,.trust-row{grid-template-columns:1fr}.hero{padding:80px 0 48px}.message-bubble{max-width:88%}.chat-shell{height:auto;min-height:560px}}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#060914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#060914;min-width:320px}body{color:#f8fafc;background:radial-gradient(circle at 20% -10%,#3b82f62e,#0000 34%),radial-gradient(circle at 90% 10%,#14b8a624,#0000 30%),linear-gradient(#070b16 0%,#060914 42%,#050712 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg{display:block}#root{min-height:100vh}::selection{background:#60a5fa59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#080c18}::-webkit-scrollbar-thumb{background:#263248;border:2px solid #080c18;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#384860}