:root{--color-primary:#06c;--color-primary-hover:#0052a3;--color-primary-light:#e6f2ff;--color-secondary:#1a1a1a;--color-accent:#00a8e8;--color-bg:#f8f9fa;--color-surface:#fff;--color-border:#e1e5e9;--color-border-light:#f0f2f5;--color-text-primary:#1a1a1a;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-success:#10b981;--color-success-light:#d1fae5;--color-error:#ef4444;--color-error-light:#fee2e2;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-info:#3b82f6;--color-info-light:#dbeafe;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Inter","Oxygen","Ubuntu","Cantarell",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Consolas",monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--color-text-primary);background:var(--color-bg);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-primary)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{margin-bottom:var(--spacing-md);font-size:2.5rem;font-weight:700}h2{margin-bottom:var(--spacing-md);font-size:2rem}h3{margin-bottom:var(--spacing-sm);font-size:1.5rem}h4{margin-bottom:var(--spacing-sm);font-size:1.25rem}p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.7}input,select,textarea{color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:15px;font-family:var(--font-family);width:100%;padding:.625rem .875rem}input:hover,select:hover,textarea:hover{border-color:var(--color-primary)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}input::placeholder{color:var(--color-text-tertiary)}label{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:.9375rem;font-weight:500;display:block}button{color:var(--color-surface);background-color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:15px;font-weight:500;font-family:var(--font-family);justify-content:center;align-items:center;gap:var(--spacing-xs);border:none;padding:.625rem 1.25rem;display:inline-flex}button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}button.secondary:hover:not(:disabled){background-color:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}button.danger{background-color:var(--color-error)}button.danger:hover:not(:disabled){background-color:#dc2626}button.success{background-color:var(--color-success)}button.success:hover:not(:disabled){background-color:#059669}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.section{margin-bottom:var(--spacing-2xl)}.text-muted{color:var(--color-text-secondary);font-size:.9375rem}.badge{border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary);align-items:center;padding:.25rem .625rem;font-size:.8125rem;font-weight:500;display:inline-flex}.nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md)0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;position:sticky;top:0}.nav-content{max-width:1200px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{color:var(--color-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.nav-links{gap:var(--spacing-lg);align-items:center;display:flex}.nav-link{color:var(--color-text-secondary);transition:color var(--transition-base);font-size:.9375rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--color-primary)}