:root{font-family:system-ui,Arial,sans-serif;color:#e9f5f8;background:#080f1c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#12323d,#080f1c 60%);min-height:100vh}a{color:#69e8dd}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{max-width:1120px;margin:auto;padding:22px}.back{display:inline-block;margin:4px 0 20px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;border:1px solid #2c6975;border-radius:22px;background:linear-gradient(125deg,#0a1a29,#102b35);padding:26px;align-items:center}.hero img{width:100%;height:290px;object-fit:contain;object-position:center;background:#091c2b;border-radius:17px}.tag{color:#67e2d8;font-weight:750;font-size:.9rem}h1{font-size:clamp(2rem,4vw,3.1rem);color:#ffd777;margin:12px 0}h2{color:#77e6df;margin:0 0 14px}h3{color:#ffdc89}p,li{line-height:1.65}.lead{font-size:1.17rem;color:#8ff0eb}.resources{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.resource{min-height:90px;padding:16px;background:#102938;border:1px solid #327886;border-radius:14px;text-decoration:none;color:#f2fafa;font-weight:750;display:flex;align-items:center;gap:10px}.resource span{font-size:1.5rem}section{margin:18px 0;border:1px solid #285463;background:#0d1f2e;border-radius:18px;padding:24px}.note{padding:14px;background:#26281e;border-left:4px solid #f3c761;border-radius:9px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.tile{background:#102d3d;border:1px solid #397e8a;border-radius:14px;padding:20px}.cta,.btn{display:inline-block;border:0;border-radius:10px;background:#ffd26d;color:#0d2332;font-weight:800;padding:12px 17px;text-decoration:none}.btn.alt{background:#164555;color:#edffff;border:1px solid #4b99a0}.feedback{min-height:28px;color:#ffdb82;font-weight:650}.field{width:100%;border:1px solid #498696;background:#071522;color:#fff;border-radius:10px;padding:12px;margin:7px 0 12px}label{display:block;margin:10px 0 4px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.formula{font-family:ui-monospace,monospace;background:#071522;border:1px solid #285463;border-radius:10px;padding:13px;overflow:auto;color:#ffd777}.gridletters{display:flex;flex-wrap:wrap;gap:5px}.gridletters span{background:#173b49;border:1px solid #3d8790;border-radius:7px;padding:7px;text-align:center;min-width:35px}.gridletters small{display:block;color:#9cbdc6}.steps{padding-left:22px}.steps li{margin:7px 0}.hint{display:block;margin:12px 0;padding:12px;background:#1c3040;border-radius:9px}.hint summary{cursor:pointer;color:#ffdc89;font-weight:700}.result{padding:12px;border-left:4px solid #63e9db;background:#092833;border-radius:8px;min-height:46px}.clock{width:min(310px,90vw);height:min(310px,90vw);position:relative;border:7px solid #cba458;border-radius:50%;background:radial-gradient(circle,#163949,#0a1b29);margin:20px auto}.clock .num{position:absolute;transform:translate(-50%,-50%);font-weight:750;color:#eaf6f7}.clock .hand{position:absolute;left:50%;top:50%;height:40%;width:5px;background:#ffd26d;transform-origin:50% 0;border-radius:5px;box-shadow:0 0 10px #e7be60}.clock .center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:14px;height:14px;border-radius:50%}input[type=range]{width:min(440px,100%);accent-color:#e8c16d}footer{padding:30px;text-align:center;color:#8cb1b8}table{border-collapse:collapse;width:100%;margin:12px 0}td,th{border-bottom:1px solid #345463;padding:9px;text-align:left}th{color:#ffdc89}@media(max-width:760px){.hero{grid-template-columns:1fr}.resources,.tiles{grid-template-columns:1fr}.hero img{height:200px}section{padding:17px}}