:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f4f1ff;--ink:#172033;--muted:#607086;--card:#ffffff;--line:#ded8f4;--accent:#7864d9;--accent-dark:#4632a3;--soft:#f6f3ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 0,#e6dcff 0,#f6f3ff 38%,#f7fbff 100%)}main{max-width:1120px;margin:0 auto;padding:24px 18px 58px}nav{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:34px;color:#68738c;font-weight:800}nav a{color:#4d3bb0;text-decoration:none}nav span{font-size:.9rem}.hero{padding:18px 0 28px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:30px;align-items:center}.eyebrow{display:inline-flex;margin:0 0 14px;padding:8px 12px;border:1px solid #d7cdf9;border-radius:999px;background:rgba(255,255,255,.76);color:#5140b0;font-weight:900;font-size:.86rem}h1{font-size:clamp(2.35rem,8vw,5.6rem);line-height:.92;letter-spacing:-.075em;margin:0 0 18px;color:var(--ink)}.lede{font-size:clamp(1.04rem,2vw,1.25rem);line-height:1.7;color:#536177;max-width:690px}.preset-row,.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pill,.secondary,.primary{border:0;border-radius:999px;font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.pill{padding:11px 15px;background:#fff;border:1px solid #ded8f4;color:#403a67}.pill.active{background:#211a4c;color:#fff;box-shadow:0 12px 24px rgba(33,26,76,.16)}button:hover{transform:translateY(-1px)}.timer-card{background:rgba(255,255,255,.93);border:1px solid var(--line);border-radius:34px;padding:24px;box-shadow:0 24px 70px rgba(74,54,145,.15)}.zen-disc{position:relative;display:grid;place-items:center;margin:0 auto 10px;width:min(72vw,270px);height:min(72vw,270px)}.ring{position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg,.ring-fill{fill:none;stroke-width:14}.ring-bg{stroke:#ece7fb}.ring-fill{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:641;stroke-dashoffset:641;transition:stroke-dashoffset .35s ease}.lotus{position:absolute;font-size:9rem;color:#eee8ff;transform:rotate(0deg)}.time{position:relative;font-size:clamp(3rem,12vw,4.8rem);font-weight:950;letter-spacing:-.08em;color:#211a4c}h2{letter-spacing:-.03em}.timer-card h2{text-align:center;margin:12px 0 6px;font-size:1.7rem}.timer-card p{text-align:center;color:var(--muted);line-height:1.55;margin:0 auto 18px;max-width:34rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}label{display:grid;gap:7px;font-weight:850;color:#39415c;font-size:.9rem}input,select{width:100%;border:1px solid #d7d2ea;border-radius:16px;padding:12px 13px;background:#fbfaff;color:#172033;font:inherit;font-weight:750}.primary,.secondary{padding:14px 18px;font-size:1rem}.primary{background:linear-gradient(135deg,#7864d9,#4b35b7);color:#fff;box-shadow:0 14px 30px rgba(75,53,183,.22)}.secondary{background:#f2efff;color:#342868;border:1px solid #ded8f4}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.info-card,.faq{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 16px 44px rgba(61,45,125,.08)}.info-card h2,.faq h2{margin-top:0;color:#211a4c}.info-card li{margin:.55rem 0;color:#4d5a70;line-height:1.55}.faq{margin-top:18px}details{padding:15px 0;border-top:1px solid #e5e0f6}details:first-of-type{border-top:0}summary{cursor:pointer;font-weight:900;color:#27304a}details p{color:#59677c;line-height:1.6}footer{text-align:center;color:#69748a;padding:28px 18px 44px}.timer-card.running .lotus{animation:pulse 4s ease-in-out infinite}.timer-card.finished .ring-fill{stroke:#18a979}.timer-card.finished .lotus{color:#e4fff3}@keyframes pulse{0%,100%{transform:scale(.96);opacity:.75}50%{transform:scale(1.04);opacity:1}}@media (max-width:820px){.hero-grid,.content-grid{grid-template-columns:1fr}.timer-card{order:-1}nav{align-items:flex-start;flex-direction:column;gap:8px}.field-grid{grid-template-columns:1fr}main{padding-inline:14px}h1{font-size:clamp(2.4rem,14vw,4.4rem)}}