@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#20243a;background:#f7f8fc}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 8% 8%,#eeefff,transparent 34%),radial-gradient(ellipse at 92% 85%,#e7f7f8,transparent 29%),#f7f8fc}.page{min-height:100vh;display:flex;flex-direction:column}.header{height:84px;padding:0 max(24px,calc((100% - 1100px)/2));display:flex;align-items:center;gap:22px;border-bottom:1px solid #e8eaf2;background:#ffffffc9}.brand img{width:178px;max-height:54px;object-fit:contain}.divider{height:36px;border-left:1px solid #e1e3ed}.meta{display:grid;gap:4px}.meta small,.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:#858aa0}.meta strong{font:700 15px Manrope,sans-serif}.main{width:min(1020px,calc(100% - 40px));margin:58px auto;flex:1}.main h1{font:800 clamp(30px,5vw,48px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:12px 0}.eyebrow{color:#5149d8}.intro{color:#7c8499;font-size:16px;margin:0 0 30px}.card{background:#fff;border:1px solid #e8eaf2;border-radius:22px;box-shadow:0 18px 50px #23254a0b;padding:30px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:9px}.field label{font-weight:600;font-size:14px}.field input,.field select{width:100%;padding:15px;border:1px solid #e0e3ef;border-radius:12px;background:#fff;color:#20243a;font:inherit}.result{background:#f1f0ff;border-radius:16px;padding:22px;color:#5149d8;font:700 clamp(20px,4vw,30px) Manrope,sans-serif;margin-top:20px}.button{background:#5149d8;color:#fff;padding:13px 20px;border-radius:12px;font-weight:700;cursor:pointer;border:0}.secondary{background:#f0efff;color:#5149d8;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer;border:0}.button:disabled,.secondary:disabled{opacity:.5;cursor:default}.hint{color:#7c8499;font-size:13px;line-height:1.65}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tabs button{padding:11px 18px;background:#fff;border:1px solid #e8eaf2;border-radius:999px;color:#646d83;cursor:pointer}.tabs button[aria-selected=true]{background:#5149d8;color:#fff;border-color:#5149d8}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tile{padding:18px;background:#f8f8ff;border-radius:14px}.tile small{color:#7c8499}.tile strong{display:block;margin-top:10px;color:#5149d8;font:700 24px Manrope}.dark{background:radial-gradient(ellipse at 50% 0,#262b58,#101322 70%);color:#fff;border-radius:28px;padding:clamp(28px,6vw,70px);text-align:center;box-shadow:0 24px 70px #11142c30}.dark h1{color:#fff}.digits{font:800 clamp(48px,12vw,104px)/1.1 Manrope;letter-spacing:.04em;color:#f7f4ff;margin:32px 0 8px}.controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px}.game{max-width:640px;margin:48px auto;text-align:center}.secret{margin:26px auto;width:88px;height:88px;border-radius:24px;background:#f0efff;color:#5149d8;display:grid;place-items:center;font:800 42px Manrope}.quote{font:700 clamp(20px,3vw,28px)/1.5 Manrope;color:#32354e;margin:0}.quote-item{padding:20px;border-left:3px solid #a5a0ff;background:#fbfaff;border-radius:0 14px 14px 0;margin:12px 0}.quote-item cite{display:block;color:#7c8499;margin-top:10px;font-size:13px}.footer{border-top:1px solid #e8eaf2;padding:22px max(24px,calc((100% - 1100px)/2));display:flex;justify-content:space-between;color:#7c8499;font-size:13px}.footer strong{color:#20243a}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:#fff;padding:12px;z-index:5}.gallery-hero{text-align:center;margin-bottom:38px}.gallery-hero h1{font-size:clamp(34px,6vw,58px)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{background:#fff;border:1px solid #e8eaf2;border-radius:20px;padding:24px;display:flex;flex-direction:column;min-height:235px;box-shadow:0 12px 40px #23254a08}.icon{height:48px;width:48px;border-radius:14px;background:#f0efff;color:#5149d8;display:grid;place-items:center;font-weight:800;margin-bottom:18px}.project h2{font:700 19px Manrope;margin:8px 0}.project p{font-size:14px;line-height:1.55;color:#7c8499;margin:0 0 18px}.project a{margin-top:auto;color:#5149d8;text-decoration:none;font-weight:700}.project a:hover{text-decoration:underline}@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}.main{margin:38px auto}.footer{gap:12px;flex-wrap:wrap}}@media(max-width:520px){.grid,.fields{grid-template-columns:1fr}.header{height:74px;gap:14px;padding:0 16px}.brand img{width:120px}.meta small{font-size:8px}.meta strong{font-size:13px}.main{width:calc(100% - 28px)}.card{padding:20px}}