:root{color-scheme:dark;--bg:#080b18;--panel:#11172c;--ink:#f4f7ff;--muted:#aab4d1;--line:#293352;--accent:#8be9fd;--violet:#b79cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,#1a1740 0,transparent 34rem),var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:inherit}img{max-width:100%;height:auto}header{height:72px;display:flex;align-items:center;gap:28px;padding:0 max(5vw,20px);border-bottom:1px solid var(--line);position:sticky;top:0;background:#080b18e8;backdrop-filter:blur(12px);z-index:10}.brand{text-decoration:none;font-weight:800;letter-spacing:.08em}.brand span{color:var(--accent)}nav{margin-left:auto;display:flex;gap:22px}nav a{text-decoration:none;color:var(--muted)}nav a:hover{color:white}.nav-toggle{display:none}main{width:min(1120px,90vw);margin:auto;min-height:70vh}.hero{padding:110px 0 80px;max-width:850px}.hero h1,.page-head h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.96;margin:.3em 0}.hero p,.page-head p,.lede{font-size:1.2rem;color:var(--muted);max-width:760px}.eyebrow{color:var(--accent);font-weight:750;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button,button{display:inline-block;border:0;border-radius:999px;padding:12px 20px;background:var(--accent);color:#07111a;text-decoration:none;font-weight:800;cursor:pointer}.ghost{background:transparent;color:white;border:1px solid var(--line)}.section-grid,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.section-grid a,.card{min-height:180px;padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#121a31,#0c1021);text-decoration:none;display:flex;flex-direction:column;transition:.2s transform,.2s border}.section-grid a:hover,.card:hover{transform:translateY(-4px);border-color:var(--accent)}.section-grid span,.card p{color:var(--muted)}.section-grid em,.cta{margin-top:auto;color:var(--accent);font-style:normal}.page-head{padding:80px 0 48px}.page-head h1{font-size:clamp(2.5rem,6vw,4.8rem)}.cards{padding-bottom:80px}.card h2{font-size:1.45rem}.workspace,.content,.guide,.principles{max-width:850px;margin:22px auto 70px;padding:clamp(22px,5vw,48px);border:1px solid var(--line);border-radius:24px;background:#0e1428}.workspace label{display:block;margin:14px 0 6px;font-weight:700}.workspace textarea,.workspace select,.workspace input[type=file]{width:100%;padding:13px;background:#070b17;color:white;border:1px solid var(--line);border-radius:10px}.workspace pre{white-space:pre-wrap;overflow:auto;padding:18px;background:#050712;border-radius:12px}.daily-card{text-align:center}.daily-card select{margin-bottom:18px}.daily-card #daily-result{margin-top:25px;font-size:1.15rem}.related{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}details{border-top:1px solid var(--line);padding:12px 0}canvas{width:100%;height:auto;background:#050712;border-radius:14px;margin-top:20px}footer{padding:40px 5vw;border-top:1px solid var(--line);color:var(--muted);text-align:center}@media(max-width:720px){header{height:auto;min-height:64px;flex-wrap:wrap;padding:14px 5vw}.nav-toggle{display:block;margin-left:auto;padding:7px 13px}nav{display:none;width:100%;flex-direction:column;gap:8px}nav.open{display:flex}.hero{padding-top:70px}.section-grid,.cards{grid-template-columns:1fr}}