@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap";
:root{--brand-50:#ecfdf5;--brand-100:#d1fae5;--brand-200:#a7f3d0;--brand-300:#6ee7b7;--brand-400:#34d399;--brand-500:#10b981;--brand-600:#059669;--brand-700:#047857;--brand-800:#065f46;--brand-900:#064e3b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-850:#172032;--gray-900:#0f172a;--gray-950:#080e1a;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-amber:#f59e0b;--accent-red:#ef4444;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg-base:#080e1a;--bg-surface:#0f172a;--bg-card:#131d31;--bg-card-hover:#1a2744;--bg-glass:#0f172ab3;--border:#94a3b81f;--border-brand:#10b9814d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--text-brand:#34d399;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-brand:0 0 24px #10b98133;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"DM Serif Display", Georgia, serif;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#10b9810f 0%,#0000 70%);width:60%;height:60%;position:fixed;top:-20%;left:-10%}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#3b82f60d 0%,#0000 70%);width:50%;height:50%;position:fixed;bottom:-20%;right:-10%}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.2rem,2.5vw,1.75rem)}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{color:var(--text-secondary)}a{color:var(--text-brand);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--brand-300)}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.container-sm{max-width:640px;padding:0 var(--space-6);margin:0 auto}.container-md{max-width:860px;padding:0 var(--space-6);margin:0 auto}.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-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);position:relative;overflow:hidden}.card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-brand);transform:translateY(-2px)}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff0d}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--brand-500), var(--brand-600));color:#fff;box-shadow:0 4px 16px #10b98159}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #10b98180}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-brand);background:var(--bg-card-hover)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-brand)}.btn-danger{color:#fca5a5;background:#ef444426;border:1px solid #ef444440}.btn-danger:hover{background:#ef444440}.btn-lg{border-radius:var(--radius-lg);padding:14px 28px;font-size:1rem}.btn-sm{border-radius:var(--radius-sm);padding:6px 14px;font-size:.8rem}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#6ee7b7;background:#10b98126;border:1px solid #10b98140}.badge-warning{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b40}.badge-danger{color:#fca5a5;background:#ef444426;border:1px solid #ef444440}.badge-info{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f640}.badge-neutral{color:var(--text-secondary);border:1px solid var(--border);background:#64748b26}.badge-pro{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid #8b5cf64d}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-input,.form-select,.form-textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:11px 16px;font-size:.9rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #10b98126}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-select option{background:var(--bg-surface);color:var(--text-primary)}.form-error{color:#fca5a5;font-size:.8rem}.form-hint{color:var(--text-muted);font-size:.8rem}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#080e1ad9;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.navbar-logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.navbar-logo-mark{background:linear-gradient(135deg, var(--brand-500), var(--brand-700));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 4px 12px #10b98166}.navbar-logo-text{color:var(--text-primary);font-size:1.2rem;font-weight:700}.navbar-logo-text span{color:var(--text-brand)}.navbar-nav{align-items:center;gap:var(--space-1);list-style:none;display:flex}.navbar-nav a{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);padding:6px 14px;font-size:.875rem;font-weight:500;text-decoration:none}.navbar-nav a:hover{color:var(--text-primary);background:#ffffff0d}.navbar-nav a.active{color:var(--text-brand);background:#10b9811a}.navbar-actions{align-items:center;gap:var(--space-3);display:flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);width:260px;min-height:100vh;padding:var(--space-6) var(--space-4);gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:var(--space-4) var(--space-3) var(--space-2);font-size:.7rem;font-weight:600}.sidebar-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;padding:9px 12px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-item.active{color:var(--text-brand);background:#10b9811f;border:1px solid #10b98126}.sidebar-item .icon{flex-shrink:0;width:18px;height:18px}.progress-bar{background:var(--border);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--brand-500), var(--brand-400));height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill.warning{background:linear-gradient(90deg, var(--warning), #fcd34d)}.progress-fill.danger{background:linear-gradient(90deg, var(--danger), #fca5a5)}.score-ring{width:80px;height:80px;position:relative}.alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5;display:flex}.alert-warning{color:#fcd34d;background:#f59e0b14;border:1px solid #f59e0b33}.alert-info{color:#93c5fd;background:#3b82f614;border:1px solid #3b82f633}.alert-success{color:#6ee7b7;background:#10b98114;border:1px solid #10b98133}.alert-danger{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.legal-disclaimer{border:1px solid #f59e0b26;border-left:3px solid var(--warning);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-secondary);background:#f59e0b0f;font-size:.8rem;line-height:1.6}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--bg-surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--border);padding:12px 16px;font-size:.75rem;font-weight:600}tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition-fast)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff05}tbody td{color:var(--text-secondary);padding:12px 16px;font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-brand{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade{animation:.4s forwards fadeIn}.animate-slide{animation:.3s forwards slideIn}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.spinner{border:2px solid var(--border);border-top-color:var(--brand-500);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.steps{margin-bottom:var(--space-10);align-items:center;gap:0;display:flex}.step-item{flex:1;align-items:center;display:flex}.step-circle{width:36px;height:36px;transition:all var(--transition-base);border:2px solid var(--border);color:var(--text-muted);background:var(--bg-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step-circle.active{border-color:var(--brand-500);color:var(--brand-400);background:#10b98126;box-shadow:0 0 16px #10b9814d}.step-circle.done{border-color:var(--brand-600);background:var(--brand-700);color:#fff}.step-line{background:var(--border);height:2px;transition:background var(--transition-slow);flex:1}.step-line.done{background:var(--brand-700)}.step-label{margin-top:var(--space-2);color:var(--text-muted);text-align:center;white-space:nowrap;font-size:.75rem}.step-label.active{color:var(--text-brand)}.doc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);transition:all var(--transition-base);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.doc-card:before{content:"";background:linear-gradient(90deg, transparent, var(--brand-500), transparent);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.doc-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-brand);transform:translateY(-2px)}.doc-card:hover:before{opacity:1}.doc-card.status-ok{border-left:3px solid var(--success)}.doc-card.status-warn{border-left:3px solid var(--warning)}.doc-card.status-missing{border-left:3px solid var(--danger)}.doc-code{letter-spacing:.08em;color:var(--text-brand);text-transform:uppercase;font-family:SF Mono,Fira Code,monospace;font-size:.7rem;font-weight:700}.doc-title{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3}.doc-meta{color:var(--text-muted);font-size:.75rem}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(#10b9810a 1px,#0000 1px),linear-gradient(90deg,#10b9810a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.hero-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);color:var(--text-brand);margin-bottom:var(--space-6);background:#10b9811a;border:1px solid #10b98140;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--brand-400);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-brand}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--space-6);font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.08}.hero-title-gradient{background:linear-gradient(135deg, var(--brand-300), var(--brand-500), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-secondary);max-width:560px;margin-bottom:var(--space-10);font-size:1.15rem;line-height:1.7}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);gap:var(--space-5);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative}.pricing-card.popular{border-color:var(--border-brand);background:linear-gradient(135deg, var(--bg-card), #10b9810d);box-shadow:var(--shadow-brand)}.pricing-popular-tag{background:linear-gradient(135deg, var(--brand-500), var(--brand-600));color:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);letter-spacing:.05em;text-transform:uppercase;padding:4px 16px;font-size:.72rem;font-weight:700;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.pricing-price{color:var(--text-primary);font-size:2.5rem;font-weight:800;line-height:1}.pricing-price span{color:var(--text-muted);font-size:1rem;font-weight:500}.pricing-features{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.pricing-features li{align-items:flex-start;gap:var(--space-3);color:var(--text-secondary);font-size:.875rem;display:flex}.pricing-features li .check{color:var(--brand-400);flex-shrink:0;margin-top:1px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}@media (max-width:1024px){.sidebar{width:220px}}@media (max-width:768px){.sidebar{display:none}.container{padding:0 var(--space-4)}.navbar-nav{display:none}}