@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--t:#a4fb75;--ink:#f8faff;--bg:#0e1321;--panel:#171e31;--muted:#abb6cf;--line:rgba(255,255,255,.11)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{text-decoration:none;color:inherit} .wrap{width:min(1180px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;z-index:1000;background:white;color:#111;padding:10px}.nav{border-bottom:1px solid var(--line);background:rgba(14,19,33,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.nav .wrap{min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:12px}.logo{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.7px}.logo b{color:var(--t)}.navlinks{display:flex;gap:18px;align-items:center}.navlinks a{font-size:13px;color:#d6deeb}.navlinks a:hover{color:var(--t)}.pill{font-size:12px;padding:9px 14px;border:1px solid var(--line);border-radius:30px}.head{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center;padding:65px 0 43px}.eyebrow{color:var(--t);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800}.head h1{font-family:'Space Grotesk',sans-serif;letter-spacing:-.06em;font-size:clamp(48px,7vw,86px);line-height:1.04;margin:14px 0 18px}.head h1 span{color:var(--t)}.head p{font-size:17px;line-height:1.8;color:var(--muted);max-width:640px}.visual{min-height:240px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 45% 30%,color-mix(in srgb,var(--t) 33%,transparent),transparent 58%),linear-gradient(140deg,#1a2238,#101827)}.visual::after{content:'';position:absolute;inset:12px;border:1px solid rgba(255,255,255,.08);border-radius:25px;pointer-events:none}.glyph{font-size:126px;color:var(--t);font-weight:800;text-shadow:0 22px 70px color-mix(in srgb,var(--t) 45%,transparent);transform:rotate(-10deg)}.visual small{position:absolute;bottom:27px;right:25px;border:1px solid var(--line);border-radius:100px;background:rgba(12,14,25,.65);padding:9px 15px;color:#dce7f7}.label{font-size:11px;color:var(--t);font-weight:800;letter-spacing:.13em;text-transform:uppercase}.workspace{padding:28px;background:linear-gradient(125deg,#171d30,#121a2a);border:1px solid var(--line);border-radius:26px;box-shadow:0 24px 85px rgba(0,0,0,.17);min-height:430px}.worktop{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:14px;flex-wrap:wrap}.worktop h2{font-size:25px;letter-spacing:-.045em;margin:0;font-family:'Space Grotesk',sans-serif}.muted{color:var(--muted)}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{border:1px solid rgba(255,255,255,.17);border-radius:12px;background:#202a42;color:white;padding:12px 17px;font-weight:700;min-height:44px;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px);background:#2e3954}.primary{background:var(--t);color:#121826;border:0}.primary:hover{background:color-mix(in srgb,var(--t) 80%,white)}.card{background:#1d263b;border:1px solid var(--line);border-radius:17px;padding:19px}.card h3{margin:0 0 13px}.input,.textarea,select{background:#0d1527;color:#f8faff;border:1px solid #43516c;border-radius:12px;padding:13px;min-height:44px;width:100%;outline:none}.input:focus,.textarea:focus,select:focus{border-color:var(--t)}.textarea{resize:vertical;min-height:100px}.field label{display:block;color:#ccd5e6;font-size:12px;margin-bottom:7px;font-weight:700}.field{display:block;margin-bottom:15px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stacks{display:flex;flex-direction:column;gap:13px}.note{padding:14px 17px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid var(--line);font-size:13px;line-height:1.65;color:#d1dbeb}.result{border:1px solid var(--line);border-radius:16px;background:#0f1729;padding:20px}.stat{font-size:26px;color:var(--t);font-family:'Space Grotesk';font-weight:700}.stat small{font-size:12px;color:var(--muted);display:block;font-family:'DM Sans',sans-serif;font-weight:500}.footer{padding:38px 0;color:#99a6be;font-size:12px;text-align:center}.features{padding:50px 0}.features h2{font-size:30px;letter-spacing:-.04em}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.info-grid .card p{color:var(--muted);line-height:1.7;font-size:13px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:9px}.table input{min-width:70px}.snake-canvas{display:block;margin:auto;max-width:100%;background:#09121b;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);touch-action:none}.dpad{display:grid;grid-template-columns:repeat(3,55px);justify-content:center;gap:7px;margin:14px}.dpad button{min-height:45px}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:620px;gap:12px;margin:auto}.memory-tile{font-size:clamp(23px,4vw,39px);min-height:88px;border-radius:15px;background:#25304a;border:1px solid #485270;color:transparent;transition:transform .23s,background .23s}.memory-tile.open,.memory-tile.matched{background:color-mix(in srgb,var(--t) 18%,#20314c);color:white}.memory-tile.matched{border-color:var(--t)}.sudoku-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));max-width:540px;margin:auto;border:3px solid var(--t)}.sudoku-cell{aspect-ratio:1;padding:0!important;border:1px solid #5c6780!important;border-radius:0!important;font-size:clamp(13px,2vw,24px);background:#18253b;color:#fff;font-weight:800}.sudoku-cell.given{background:#293450;color:#b5c3df}.sudoku-cell.selected{background:#36505d;outline:2px solid var(--t);outline-offset:-2px}.sudoku-cell.wrong{color:#ff8a96}.sudoku-cell:nth-child(3n){border-right:2px solid var(--t)!important}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--t)!important}.numberpad{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:15px}.numberpad button{min-width:44px}.word{font-family:'Space Grotesk';font-size:clamp(40px,7vw,66px);letter-spacing:.23em;text-align:center;margin:25px 0;color:var(--t)}.swatch{border-radius:12px;min-height:88px;padding:13px;font-size:12px;display:flex;align-items:end;font-weight:800;color:#111}.preview-area{min-height:255px;border-radius:17px;display:grid;place-items:center;overflow:hidden;position:relative;background:#14223a;border:1px solid var(--line)}.preview-area canvas{max-width:100%;height:auto}.preview-area img{max-height:360px;max-width:100%;object-fit:contain}.meta-preview{max-width:620px;padding:18px;border:1px solid #3b455a;border-radius:14px}.meta-preview strong{font-size:20px;color:#99baff}.meta-preview p{font-size:13px;color:#b4bfcd}.task-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.task-column{background:#0d1728;padding:12px;border-radius:15px;min-height:230px;border:1px solid var(--line)}.task-column h3{font-size:14px}.task-item{margin:10px 0;padding:13px;border:1px solid #344158;border-radius:11px;background:#263149;font-size:13px}.task-item button{float:right;border:0;background:transparent;color:#ffb4bf}.invoice-page{background:white;color:#182036;border-radius:12px;padding:25px}.invoice-page .input{background:white;color:#182036;border-color:#d6dbe3}.invoice-page .input:focus{border-color:#6053e6}.invoice-page .table th,.invoice-page .table td{border-color:#e2e8f0}.invoice-page .btn{background:#edeafa;color:#30305d}.invoice-page .primary{background:#6456ef;color:white}.toast{margin-top:10px;color:var(--t);min-height:20px;font-size:13px}@media(max-width:750px){.wrap{width:calc(100% - 28px)}.head{grid-template-columns:1fr;padding:38px 0 23px}.head h1{font-size:50px}.visual{min-height:160px}.glyph{font-size:82px}.navlinks{gap:8px}.navlinks .pill{display:none}.workspace{padding:16px;border-radius:18px}.two,.three,.four,.task-cols,.info-grid{grid-template-columns:1fr}.worktop h2{font-size:21px}.memory-tile{min-height:60px}.sudoku-cell{font-size:15px}.invoice-page{padding:12px}}@media print{body{background:white!important;color:#111}.nav,.head,.worktop,.features,.footer,.invoice-actions,.toast{display:none!important}.workspace{border:0;background:white;box-shadow:none;padding:0}.invoice-page{padding:0}.input{border:0!important;outline:0!important}}