@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--e:#092f29;--e2:#14594b;--g:#d8b86e;--p:#fbf7ee;--ink:#18302a;--muted:#687a74;--line:rgba(172,132,61,.3);--shadow:0 18px 60px rgba(5,35,29,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--p);color:var(--ink);font:15px/1.6 Manrope,Arial,sans-serif}.wrap{width:min(1180px,calc(100% - 30px));margin:auto}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif}.top{background:#062b24;color:#fff;padding:14px 0;border-bottom:1px solid rgba(216,184,110,.4)}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.top a{color:#fff;text-decoration:none;font-weight:700}.hero{padding:65px 0;background:radial-gradient(circle at 85% 15%,rgba(216,184,110,.2),transparent 35%),linear-gradient(135deg,#062b24,#124c40);color:#fff}.hero-grid{display:grid;grid-template-columns:1fr 300px;gap:55px;align-items:center}.hero h1{font-size:clamp(48px,7vw,82px);line-height:.94;margin:12px 0;color:#fff}.hero h1 span{display:block;color:#efd596;font-size:.55em;margin-top:17px}.hero p{font-size:18px;max-width:720px}.hero img{width:100%;border-radius:24px;box-shadow:var(--shadow);border:1px solid rgba(216,184,110,.55)}.kicker{text-transform:uppercase;letter-spacing:.2em;color:#e7cb8e;font-size:11px;font-weight:800}.setup{padding:65px 0}.box{background:white;border:1px solid var(--line);border-radius:24px;padding:27px;box-shadow:var(--shadow)}label{display:block;font-weight:800;margin-bottom:8px}textarea,input{width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:14px;font:inherit;color:var(--ink)}textarea{min-height:95px;resize:vertical}.spread-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.spread-choice{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;text-align:left;cursor:pointer;color:var(--ink)}.spread-choice b{font-family:'Cormorant Garamond';display:block;font-size:25px;color:var(--e)}.spread-choice.active{background:#0b3c33;color:#fff;border-color:#0b3c33}.spread-choice.active b{color:#efd596}.btn{border:0;border-radius:999px;padding:14px 23px;background:linear-gradient(135deg,#f0d893,#b68538);font-weight:800;color:#14342d;cursor:pointer}.btn.secondary{background:#fff;border:1px solid var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.notice{font-size:13px;color:var(--muted);margin-top:12px}.reading{padding:0 0 80px;display:none}.reading.active{display:block}.reading-head{text-align:center;margin-bottom:24px}.reading-head h2{font-size:45px;margin:0;color:var(--e)}.master{width:150px;margin:0 auto 25px;text-align:center}.master img{width:100%;border-radius:17px;box-shadow:var(--shadow)}.master span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.slots.two{grid-template-columns:repeat(2,1fr)}.slots.one{grid-template-columns:minmax(280px,470px);justify-content:center}.art-slot{background:#fff;border:1px solid var(--line);border-radius:22px;padding:19px;box-shadow:var(--shadow)}.position{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#8c6a2f;font-weight:800;min-height:40px}.art-cover,.art-image{aspect-ratio:2/3;width:100%;border-radius:15px}.art-cover{border:1px solid #bd9c59;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent),url('assets/master.jpg') center/cover;position:relative;overflow:hidden;cursor:pointer}.art-cover:after{content:'ВЫБРАТЬ АРТ';position:absolute;inset:auto 12px 14px;background:rgba(4,37,31,.83);color:#f4dda7;padding:10px;border-radius:999px;text-align:center;font-weight:800;font-size:12px}.art-image{object-fit:cover;display:none}.art-slot.revealed .art-cover{display:none}.art-slot.revealed .art-image{display:block}.art-title{font-family:'Cormorant Garamond';font-size:27px;line-height:1.05;color:var(--e);margin:14px 0 7px;display:none}.art-slot.revealed .art-title{display:block}.reflection{display:none;margin-top:13px}.art-slot.revealed .reflection{display:block}.reflection textarea{min-height:78px}.meaning{display:none;margin-top:13px;padding:15px;border-radius:15px;background:#f4ecd9;border:1px solid var(--line)}.meaning.open{display:block}.meaning p{margin:5px 0}.reveal-meaning{margin-top:10px;width:100%}.final{display:none;margin-top:28px}.final.active{display:block}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.method{padding:58px 0;background:#efe7d5}.method h2{font-size:42px;color:var(--e);margin:0}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.method-card{background:white;border-radius:18px;padding:19px;border-top:3px solid var(--g)}.footer{padding:35px 0;background:#041f1a;color:#dce9e5}.footer a{color:#efd596}.hidden{display:none!important}
.email-modal[hidden]{display:none}.email-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:rgba(4,31,26,.68)}.email-dialog{position:relative;width:min(100%,520px);max-height:calc(100vh - 36px);overflow:auto;background:#fffdfa;border:1px solid rgba(216,184,110,.65);border-radius:24px;box-shadow:0 25px 80px rgba(0,0,0,.3);padding:32px}.email-dialog h2{font-size:42px;line-height:1;margin:8px 0 12px;color:var(--e)}.email-dialog>p:not(.kicker):not(.form-error){color:var(--muted);margin:0 0 20px}.email-dialog label:not(.consent){margin-top:15px}.email-dialog input{margin-bottom:2px}.consent{display:flex;align-items:flex-start;gap:9px;margin:18px 0!important;font-size:13px;line-height:1.45;color:var(--muted)}.consent input{width:18px;min-width:18px;margin:2px 0 0}.form-error{min-height:21px;margin:0 0 12px;color:#b3473d;font-size:13px;font-weight:700}.modal-close{position:absolute;right:16px;top:12px;width:34px;height:34px;border:0;background:transparent;color:#8c6a2f;font-size:30px;line-height:1;cursor:pointer}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr 210px}.spread-picker{grid-template-columns:1fr 1fr}.slots{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero{padding:45px 0}.hero-grid{grid-template-columns:1fr}.hero img{width:190px;margin:auto}.spread-picker,.slots,.slots.two,.method-grid{grid-template-columns:1fr}.box{padding:18px}.art-slot{padding:15px}.reading-head h2{font-size:38px}.top .wrap{font-size:12px}}