:root{--studio-bg:radial-gradient(circle at top left,#020617 0%,#020617 40%,#020617 70%,#000000 100%);--transition-speed:0.3s;--glass-surface:rgba(15,23,42,0.78);--glass-surface-soft:rgba(15,23,42,0.68);--glass-surface-light:rgba(255,255,255,0.06);--glass-border-strong:rgba(148,163,184,0.45);--glass-border-soft:rgba(148,163,184,0.18);--glass-shadow-soft:0 22px 45px rgba(15,23,42,0.65);--accent:#6366f1;--accent-soft:rgba(99,102,241,0.2);--accent-strong:rgba(129,140,248,0.95);--neon-box-bg:rgba(15,23,42,0.85);--neon-box-border:rgba(148,163,184,0.25);--tool-tile-bg:rgba(15,23,42,0.72)}body{font-family:'Inter',sans-serif;background:var(--studio-bg);-webkit-font-smoothing:antialiased;color:white;margin:0;min-height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#334155}.glass-surface{background:var(--glass-surface);border:1px solid var(--glass-border-soft);box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.glass-toolbar{background:linear-gradient(120deg,rgba(15,23,42,0.9),rgba(15,23,42,0.82),rgba(15,23,42,0.9));border-bottom:1px solid var(--glass-border-soft);box-shadow:0 16px 40px rgba(15,23,42,0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.neon-box{position:relative;background:var(--neon-box-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:24px;border:1px solid var(--neon-box-border)}.text-gradient{background:linear-gradient(to right,#ffffff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-purple{background:linear-gradient(to right,#c084fc,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,0.05)}nav a{color:#94a3b8;text-decoration:none;font-size:0.875rem;font-weight:500;transition:color 0.2s}nav a:hover{color:white}footer{border-top:1px solid rgba(255,255,255,0.05);padding:3rem 1.5rem;background:rgba(2,6,23,0.5);backdrop-filter:blur(10px)}main{max-width:64rem;margin:0 auto;padding:4rem 1.5rem}h1{font-size:3rem;font-weight:900;letter-spacing:-0.025em;margin-bottom:2rem;line-height:1}h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:white}p,li{color:#94a3b8;line-height:1.7;margin-bottom:1rem}ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1.5rem}section{margin-bottom:3rem;padding:2rem;border-radius:1.5rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05)}