:root{--bg:#f7f1e8;--bg-soft:#fbf7f1;--card:#fffaf5;--text:#2f2a26;--muted:#756b63;--border:#e8d8c7;--gold:#d99a3d;--gold-dark:#b87926;--gold-soft:#f7dfb3;--rose:#d87f73;--rose-soft:#f6d9d4;--sage:#7d8f6a;--sage-soft:#e7eddf;--charcoal:#2d2b2a;--success-bg:#e7f0e1;--success-text:#4f6845;--danger-bg:#f9e3df;--danger-text:#a3473c;--shadow:0 12px 30px #4a352214}*{box-sizing:border-box}html{background:linear-gradient(#f7ecd9 0%,#f8f2ea 45%,#f5efe8 100%)}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 100% 0,#f9c46f2e,#0000 28%),radial-gradient(circle at 0 100%,#d87f731f,#0000 30%),linear-gradient(#f8efe0 0%,#f7f1e8 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.wrap{width:min(100% - 32px,920px);margin:0 auto;padding:42px 0 70px}.top{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.row{align-items:center;gap:10px;display:flex}h1,h2,h3{color:var(--charcoal);letter-spacing:-.02em;line-height:1.18}h1{margin:0 0 8px;font-size:36px}h2{margin-top:0;font-size:25px}h3{font-size:19px}p{line-height:1.65}.muted{color:var(--muted)}.card{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#fffaf5fa,#fff8f0fa);border-radius:20px;margin-bottom:20px;padding:24px;position:relative}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff59,#0000 40%);position:absolute;inset:0}.btn{border:1px solid var(--gold-dark);color:#fffaf4;background:linear-gradient(#e4aa58,#cc8c35);border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:10px 17px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 6px 14px #b879262e}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #b8792638}.btn.secondary{color:var(--charcoal);border-color:var(--border);box-shadow:none;background:#fffaf5eb}.btn.secondary:hover{background:#fff7ed}.input,.textarea,select.input{border:1px solid var(--border);width:100%;color:var(--text);background:#fffdfa;border-radius:12px;outline:none;margin-top:7px;margin-bottom:18px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s}.input:focus,.textarea:focus,select.input:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px #d99a3d26}.textarea{resize:vertical;min-height:150px}label{color:var(--charcoal);margin-top:8px;font-weight:700;display:block}.pill{border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:5px 11px;font-size:13px;font-weight:700;display:inline-flex}.pill.active{background:var(--success-bg);color:var(--success-text)}.pill.inactive{background:var(--danger-bg);color:var(--danger-text)}audio{width:100%;margin-top:10px;display:block}section{position:relative}section>div:first-child h2{padding-bottom:7px;display:inline-block;position:relative}section>div:first-child h2:after{content:"";background:linear-gradient(90deg, var(--gold), var(--rose));border-radius:999px;width:46px;height:4px;position:absolute;bottom:0;left:0}.hero-panel{color:#fff8ef;background:linear-gradient(135deg,#2d2b2af5,#453a32f5);border-radius:24px;margin-bottom:26px;padding:30px;position:relative;overflow:hidden;box-shadow:0 16px 36px #3c2d232e}.hero-panel:after{content:"";background:radial-gradient(circle,#f5b45285,#f5b45214 50%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-100px;right:-90px}.hero-panel h1,.hero-panel h2,.hero-panel h3{color:#fff8ef}.hero-panel .muted{color:#e9dccf}.soul-mark{color:#fff;background:linear-gradient(145deg,#e4a956,#c77e32);border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:18px;font-size:30px;font-weight:800;display:flex;box-shadow:0 10px 20px #b16a2247}.soft-note{background:linear-gradient(135deg, var(--gold-soft), #f8e9d2);color:#5b4937;border:1px solid #efd3a8;border-radius:16px;padding:16px 18px}.rose-note{background:var(--rose-soft);color:#774c46;border:1px solid #edc2bc;border-radius:16px;padding:16px 18px}@media (max-width:700px){.wrap{width:min(100% - 20px,920px);padding-top:24px}.top{flex-direction:column;align-items:stretch}.row{flex-wrap:wrap}.btn{width:100%}h1{font-size:30px}h2{font-size:22px}.card{border-radius:16px;padding:18px}.hero-panel{border-radius:18px;padding:22px}.soul-mark{width:58px;height:58px;font-size:25px}}