
:root{--navy:#0d1b3e;--blue:#2563eb;--sky:#60a5fa;--gold:#d4a017;--ink:#0f172a;--muted:#64748b;--bg:#f6f8fc;--line:#e2e8f0}body{background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}header{max-width:none;border-bottom:1px solid var(--line);background:white;padding:14px max(22px,calc((100vw - 1100px)/2));gap:20px}header .brand{display:flex;align-items:center;gap:14px;color:var(--navy);font-weight:850}header img{width:176px;height:48px;object-fit:contain}header .brand span{border-left:1px solid var(--line);padding-left:14px;font-size:21px}header button{border-radius:12px;border-color:var(--line);color:var(--navy);font-weight:800}h1,h2{color:var(--navy)}.card,.surface{border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 60px rgba(13,27,62,.10)}.primary,.btn{background:var(--blue);font-weight:800}.intro{background:var(--navy);padding:36px;border-radius:30px;color:#d9e5ff}.intro h1{color:white}.intro .eyebrow{color:var(--sky);font-weight:850}.intro ul{color:#d9e5ff}.muted,small{color:var(--muted)}a,.back{color:var(--blue)}input{border-color:#bac8dc}input:focus{outline:3px solid #2563eb22;border-color:var(--blue)}@media(max-width:720px){header{padding:12px 18px}header img{width:135px;height:40px}header .brand{gap:8px}header .brand span{font-size:18px;padding-left:8px}.intro{padding:24px;border-radius:23px}.intro h1{font-size:35px}.card{border-radius:22px}}
.habits-heading{display:block;margin:0;padding:20px 0 28px;background:none;border:0}.habits-heading h1{font-size:clamp(30px,5vw,42px);line-height:1.1;letter-spacing:-.04em;margin:12px 0}.habits-heading p{line-height:1.6;max-width:620px;color:var(--muted)}.habits-heading .eyebrow{color:var(--blue)}
