:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--slate-950:#020617;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--accent:#534ab7;--accent-light:#ede9fe;--success:#16a34a;--success-light:#f0fdf4;--warning:#d97706;--warning-light:#fffbeb;--error:#dc2626;--error-light:#fef2f2;--critical:#dc2626;--critical-light:#fef2f2;--high:#d97706;--high-light:#fffbeb;--medium:#2563eb;--medium-light:#eff6ff;--low:#16a34a;--low-light:#f0fdf4;--bg:#fff;--bg-muted:#f8fafc;--bg-dark:#020617;--bg-card:#fff;--border:#e2e8f0;--border-dark:#1e293b;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--font-sans:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--tracking-tight:-.02em;--leading-relaxed:1.625;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--grid-size:40px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;--shadow-premium:0 25px 50px -12px #02061726}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100%;padding-top:80px;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--slate-950);letter-spacing:var(--tracking-tight);font-weight:700;line-height:1.2}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--primary);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--primary-dark)}.section-padding{padding-top:128px;padding-bottom:128px}.container{max-width:1280px;margin:0 auto;padding:0 24px}.bg-grid{background-size:var(--grid-size)var(--grid-size);background-image:linear-gradient(to right,var(--slate-100)1px,transparent 1px),linear-gradient(to bottom,var(--slate-100)1px,transparent 1px)}.bg-dark-grid{background-color:var(--slate-950);background-size:var(--grid-size)var(--grid-size);background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px)}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff4d}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fffc;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--shadow-xl);background:#fff;transform:translateY(-4px)}.navbar{z-index:1000;justify-content:space-between;align-items:center;height:80px;padding:0 40px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar-scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffd9;height:72px}.navbar-brand{color:var(--slate-950);align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.navbar-brand-icon{background:var(--slate-950);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:900;display:flex}.navbar-links{align-items:center;gap:40px;display:flex}.nav-link{color:var(--slate-600);font-size:14px;font-weight:500}.nav-link:hover{color:var(--primary)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px -2px #2563eb4d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 15px -3px #2563eb66}.btn-secondary{color:var(--slate-900);border:1px solid var(--border);background:#fff}.btn-secondary:hover{background:var(--slate-50);border-color:var(--slate-300)}.btn-dark{background:var(--slate-950);color:#fff}.btn-dark:hover{background:#000;transform:translateY(-1px)}.btn-lg{padding:16px 32px;font-size:16px}.btn-sm{padding:8px 16px;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:var(--shadow-xl);border-color:var(--slate-300);transform:translateY(-4px)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-pill{background:var(--primary-light);color:var(--primary)}.status-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-green}@keyframes pulse-green{0%{box-shadow:0 0 #16a34ab3}70%{box-shadow:0 0 0 10px #16a34a00}to{box-shadow:0 0 #16a34a00}}.browser-window{border:1px solid var(--border);width:100%;box-shadow:var(--shadow-premium);background:#fff;border-radius:12px;overflow:hidden}.browser-header{background:var(--slate-50);border-bottom:1px solid var(--border);align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.browser-dots{gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.browser-address{border:1px solid var(--border);background:#fff;border-radius:6px;flex:1;max-width:400px;height:28px;margin:0 auto}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--slate-400);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);padding:16px;font-size:12px;font-weight:700}.table td{color:var(--slate-600);border-bottom:1px solid var(--border);padding:16px;font-size:14px;transition:background .2s}.table tr:hover td{background:var(--primary-light);color:var(--slate-900)}.fadeInUp{opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-input{width:100%;font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;padding:12px 16px;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a}.auth-page{background:var(--bg-muted);background-image:radial-gradient(at 0 0,#2563eb1a 0,#0000 50%),radial-gradient(at 50% 0,#534ab70d 0,#0000 50%)}.sidebar{background:var(--slate-50);border-right:1px solid var(--border);width:256px;height:100%}:root{--wf-bg:#fff;--wf-primary:#0f172a;--wf-secondary:#64748b;--wf-border:#e2e8f0;--wf-placeholder:#cbd5e1;--wf-grid:#f1f5f9;--wf-radius:16px;--wf-height:56px}.bg-blueprint{background-color:var(--wf-bg)!important;background-image:linear-gradient(var(--wf-grid)1px,transparent 1px),linear-gradient(90deg,var(--wf-grid)1px,transparent 1px)!important;background-size:40px 40px!important}.wireframe-card{border:1px solid var(--wf-border);z-index:10;background:#fff;border-radius:24px;width:100%;max-width:440px;padding:40px;position:relative}.wireframe-logo-box{color:#94a3b8;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.wireframe-heading{color:var(--wf-primary);margin-bottom:8px;font-size:32px;font-weight:600;line-height:1.1}.wireframe-subtext{color:var(--wf-secondary);margin-bottom:40px;font-size:18px}.wireframe-label{color:var(--wf-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.wireframe-input{width:100%;height:var(--wf-height);border-radius:var(--wf-radius);border:1px solid var(--wf-border);color:var(--wf-primary);background:#fff;padding:0 16px;font-size:16px;transition:all .2s ease-in-out}.wireframe-input:focus{border-color:var(--wf-primary);outline:none;box-shadow:0 0 0 4px #0f172a0d}.wireframe-button{width:100%;height:var(--wf-height);border-radius:var(--wf-radius);background:var(--wf-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:flex;box-shadow:0 10px 15px -3px #0f172a1a}.wireframe-button:hover span{transform:translate(4px)}.wireframe-button:active{transform:scale(.98)}.wireframe-footer-links{flex-direction:column;align-items:center;gap:12px;margin-top:32px;display:flex}.wireframe-link{color:var(--wf-secondary);font-size:14px;text-decoration:none;transition:color .2s}.wireframe-link-bold{color:var(--wf-primary);font-weight:600}.wireframe-link:hover{color:var(--wf-primary)}.dashboard-grid{grid-template-columns:1fr 320px;gap:28px;margin-top:24px;display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-main{flex-direction:column;gap:28px;display:flex}.dashboard-sidebar{flex-direction:column;gap:24px;display:flex}.compact-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:768px){.compact-stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card-compact{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card-compact:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-card-compact .label{color:var(--slate-400);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.stat-card-compact .value{color:var(--slate-900);font-size:24px;font-weight:800}.action-card{background:var(--slate-900);color:#fff;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.action-card h3{color:#fff;margin-bottom:4px;font-size:18px}.action-card p{color:var(--slate-400);font-size:13px}.table-compact th{text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);padding:12px 16px;font-size:10px;font-weight:700}.table-compact td{border-bottom:1px solid var(--slate-50);padding:14px 16px;font-size:13px}.icon-btn{background:var(--slate-50);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)!important}.option-group{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}@media (max-width:640px){.option-group{grid-template-columns:1fr}}.option-btn{border:1px solid var(--slate-200);height:52px;color:var(--slate-600);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.option-btn:hover{border-color:var(--slate-400);background:var(--slate-50);transform:translateY(-1px)}.option-btn-selected{box-shadow:0 10px 15px -3px #0f172a26;background:var(--slate-900)!important;color:#fff!important;border-color:var(--slate-900)!important}.analyzing-container{text-align:center;max-width:600px;margin:80px auto;padding:40px}.analyzing-spinner{border:3px solid var(--slate-100);border-top:3px solid var(--primary);border-radius:50%;width:48px;height:48px;margin:0 auto 32px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-list{text-align:left;border:1px solid var(--border);background:#fff;border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.step-item{color:var(--slate-400);border-bottom:1px solid var(--slate-50);align-items:center;gap:16px;padding:16px 24px;font-size:14px;transition:all .3s;display:flex}.step-item:last-child{border-bottom:none}.step-item-active{color:var(--slate-900);background:var(--primary-light);font-weight:600}.step-item-done{color:var(--slate-500)}.step-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .3s;display:flex}.step-icon-pending{border:1px solid var(--slate-200);color:var(--slate-300)}.step-icon-active{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 0 10px #2563eb33}.step-icon-done{background:var(--success);color:#fff;border:1px solid var(--success)}