*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;background:#fff;color:#2F3A55;font:17px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:560px;margin:auto;padding:calc(env(safe-area-inset-top) + 16px) 20px 60px}
a{color:#b35d63}.k{color:#b35d63;letter-spacing:.12em;text-transform:uppercase;font-size:12px;text-decoration:none}
h1,h2,h3,.serif{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;color:#0E1C3E}
h1{font-size:38px;line-height:1.12;margin:10px 0 8px}h2{font-size:30px;line-height:1.2;margin:0 0 8px}h3{font-size:23px;line-height:1.25;margin:0 0 6px}
p{margin:0 0 14px}.fine{font-size:13px;color:#5d6478}.muted{color:#5d6478}
.hero{background:#0E1C3E;color:#f5ece4;border-radius:22px;padding:26px 22px 24px;margin:14px 0 18px;text-align:center;border:2px solid #e8a5a9}
.hero h1{color:#f5ece4}.hero p{color:#e9dfe6}.hero .logo{display:block;margin:0 auto 6px}.hero .kk{color:#e8a5a9;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.btn{display:inline-block;background:#e8a5a9;color:#12182a;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:600;border:0;font-size:16px;cursor:pointer;font-family:inherit}
.btn.big{display:block;width:100%;font-size:18px;padding:17px 20px;box-shadow:0 6px 18px rgba(232,165,169,.35);text-align:center}
.btn.ghost{background:#fff;border:1.5px solid #e8a5a9;color:#0E1C3E}
.btn.link{background:none;color:#b35d63;padding:10px;text-decoration:underline;font-weight:500;font-size:15px}
.note{background:#FDF1F2;border:1px solid #f6d9db;border-radius:18px;padding:16px 18px;margin:0 0 16px}.note b{color:#0E1C3E}
ul.h{padding:0;list-style:none;margin:0 0 16px}ul.h li{position:relative;padding:0 0 8px 26px}ul.h li:before{content:"♥";position:absolute;left:4px;color:#e8a5a9}
.prog{height:8px;background:#f3e3e5;border-radius:99px;overflow:hidden;margin:10px 0 6px}.prog i{display:block;height:100%;background:#e8a5a9;border-radius:99px;transition:width .3s}
.qn{display:flex;justify-content:space-between;font-size:13px;color:#5d6478;margin-bottom:10px}
.tag{display:inline-block;background:#0E1C3E;color:#f5ece4;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;margin:4px 0 2px}
.q h2{font-size:28px;margin:6px 0 16px}
.opt{display:block;width:100%;text-align:left;background:#fff;border:2px solid #ececf2;border-radius:18px;padding:16px 18px;margin:0 0 10px;font:inherit;font-size:17px;line-height:1.45;color:#2F3A55;cursor:pointer;box-shadow:0 2px 10px rgba(14,28,62,.06);transition:border-color .15s,background .15s;min-height:60px}
.opt:hover,.opt:focus-visible{border-color:#e8a5a9;outline:0}.opt.on{border-color:#e8a5a9;background:#FDF1F2}
.scale .opt{min-height:52px;padding:12px 18px;text-align:center}
.qfoot{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.res{background:#0E1C3E;color:#f5ece4;border-radius:22px;padding:24px 20px;border:2px solid #e8a5a9;text-align:center;margin:12px 0 18px}
.res .k{color:#e8a5a9}.res h1{color:#f5ece4;font-size:40px;margin:6px 0 4px}.res p{color:#e9dfe6;margin:0}.res .big{font:600 64px/1 "Cormorant Garamond",Georgia,serif;color:#e8a5a9;margin:6px 0 0}
.bars{margin:6px 0 20px}.bar{margin:0 0 12px}.bar .t{display:flex;justify-content:space-between;font-size:15px;margin-bottom:4px}.bar .t b{color:#0E1C3E}
.bar .tr{height:14px;background:#f3e3e5;border-radius:99px;overflow:hidden}.bar .tr i{display:block;height:100%;border-radius:99px;background:#e8a5a9;width:0;transition:width .8s ease}.bar.top .tr i{background:#0E1C3E}
.cmp{background:#fff;border:2px dashed #e8a5a9;border-radius:18px;padding:16px 18px;margin:0 0 18px}.cmp h3{margin-bottom:6px}
.vs{display:flex;gap:10px;margin:10px 0}.vs div{flex:1;background:#FDF1F2;border-radius:14px;padding:10px;text-align:center;font-size:14px}.vs b{display:block;font:600 22px/1.2 "Cormorant Garamond",Georgia,serif;color:#0E1C3E}
.share{background:#FDF1F2;border:1px solid #f6d9db;border-radius:20px;padding:20px 18px;margin:0 0 18px;text-align:center}.share h3{margin-bottom:4px}
.lesson{display:block;text-decoration:none;color:#2F3A55;border:1px solid #ececf2;border-radius:16px;padding:14px 16px;margin:0 0 12px;box-shadow:0 2px 10px rgba(14,28,62,.06)}
.lesson b{display:block;font:600 21px/1.2 "Cormorant Garamond",Georgia,serif;color:#0E1C3E}
form.sub{background:#fff;border:1px solid #ececf2;border-radius:18px;padding:18px;margin:18px 0}
input[type=email]{width:100%;padding:13px;border:1px solid #e3c6c9;border-radius:12px;font-size:16px;font-family:inherit}
label.c{display:flex;gap:8px;font-size:14px;margin:10px 0}.err{color:#b33;font-size:14px}.hp{position:absolute;left:-9999px}
.credit{border-top:1px solid #ececf2;margin-top:26px;padding-top:14px}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#0E1C3E;color:#f5ece4;border:1px solid #e8a5a9;padding:10px 18px;border-radius:999px;font-size:15px;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}.toast.on{opacity:1}
.qcard{display:flex;gap:14px;align-items:center;text-decoration:none;color:#2F3A55;border:1px solid #ececf2;border-radius:18px;padding:16px;margin:0 0 12px;background:#fff;box-shadow:0 2px 10px rgba(14,28,62,.06)}
.qcard .ic{flex:none;width:54px;height:54px;border-radius:16px;background:#0E1C3E;display:flex;align-items:center;justify-content:center;font-size:26px;border:2px solid #e8a5a9}
.qcard b{display:block;font:600 22px/1.2 "Cormorant Garamond",Georgia,serif;color:#0E1C3E}.qcard span{font-size:14px;color:#5d6478;line-height:1.4;display:block}
[hidden]{display:none!important}