:root{--bg-primary: #0a0f1d;--bg-secondary: #111827;--bg-card: #1e293b;--border: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-cyan: #38bdf8;--accent-purple: #c084fc;--accent-green: #4ade80;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-40px;left:1rem;background:var(--accent-cyan);color:#000;padding:.5rem 1rem;font-weight:700;z-index:1000;border-radius:4px}.skip-link:focus{top:1rem}header{border-bottom:1px solid var(--border);background-color:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.nav-container{max-width:1100px;margin:0 auto;padding:.85rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.15rem}.brand span.badge{font-size:.75rem;background:#38bdf826;color:var(--accent-cyan);padding:.15rem .5rem;border-radius:9999px;border:1px solid rgba(56,189,248,.3)}nav ul{display:flex;list-style:none;gap:1.25rem;flex-wrap:wrap}nav a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .15s ease}nav a:hover,nav a[aria-current=page]{color:var(--accent-cyan)}main{flex:1;max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem;width:100%}.hero{margin-bottom:3rem;border-bottom:1px solid var(--border);padding-bottom:2.5rem}.hero h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.2;margin-bottom:1rem;background:linear-gradient(135deg,#38bdf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p.lead{font-size:1.15rem;color:var(--text-secondary);max-width:820px;margin-bottom:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.75rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000040}.card h2{font-size:1.4rem;margin-bottom:.75rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.generator-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.25rem}@media(max-width:768px){.generator-grid{grid-template-columns:1fr}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.4rem;color:var(--text-secondary)}select,input[type=text]{width:100%;background:#0f172a;border:1px solid var(--border);color:var(--text-primary);padding:.65rem .9rem;border-radius:6px;font-family:inherit;font-size:.95rem}select:focus,input[type=text]:focus{outline:2px solid var(--accent-cyan)}.checkbox-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.92rem;color:var(--text-primary);margin-top:.5rem}.checkbox-label input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent-cyan)}.code-container{position:relative;background:#090d16;border:1px solid var(--border);border-radius:8px;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#0f172a;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}pre{padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.88rem;color:#38bdf8;line-height:1.5}button.btn-copy{background:#1e293b;border:1px solid #475569;color:var(--text-primary);padding:.35rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;font-family:var(--font-sans);transition:all .2s ease}button.btn-copy:hover{background:#334155;border-color:var(--accent-cyan)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.feature-box{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:8px}.feature-box h3{font-size:1.15rem;margin-bottom:.5rem;color:var(--accent-cyan)}.feature-box p{color:var(--text-secondary);font-size:.95rem}table.data-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}table.data-table th,table.data-table td{border:1px solid var(--border);padding:.8rem 1rem;text-align:left}table.data-table th{background:#1e293b;color:var(--text-primary)}table.data-table tr:nth-child(2n){background:#1e293b66}.alert-box{background:#38bdf814;border-left:4px solid var(--accent-cyan);padding:1rem 1.25rem;margin:1.5rem 0;border-radius:0 8px 8px 0}.alert-box.warning{background:#eab30814;border-left-color:#eab308}footer{border-top:1px solid var(--border);background:#090d16;padding:2.5rem 1.5rem;margin-top:auto;font-size:.9rem;color:var(--text-secondary)}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none;margin-left:1.2rem}.footer-links a:hover{color:var(--accent-cyan)}