#guide-popup{width:min(1040px,calc(100vw - 32px));height:min(640px,calc(100vh - 40px));max-width:none;max-height:none;padding:0;border:1px solid var(--ink);border-radius:24px;background:#fff8e4;color:var(--ink);overflow:hidden;box-shadow:14px 16px 0 #173e3230}
#guide-popup::backdrop{background:#173e32bf;backdrop-filter:blur(7px)}
.guide-popup-grid{display:grid;grid-template-columns:42% 58%;height:100%}
.guide-popup-art{position:relative;display:grid;place-items:center;overflow:hidden;padding:32px;background:radial-gradient(circle at 16% 12%,#f4f17d 0 15%,transparent 34%),linear-gradient(150deg,#ff80bd 0%,#ffc2bb 47%,#bcebd5 100%);border-right:1px solid var(--ink)}
.guide-popup-art:after{content:'';position:absolute;inset:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.guide-cover-wrap{position:relative;z-index:1;width:min(74%,285px);transform:rotate(-5deg);filter:drop-shadow(14px 18px 0 rgba(23,62,50,.18)) drop-shadow(0 14px 20px rgba(23,62,50,.22))}
.guide-cover-wrap:before{content:'';position:absolute;z-index:-1;inset:5px -12px -10px 12px;border:1px solid var(--ink);border-radius:5px;background:#fff8e4;transform:rotate(4deg)}
.guide-cover-wrap img{display:block;width:100%;height:auto;border:1px solid var(--ink);border-radius:4px;background:#fff8e4}
.guide-popup-sticker{position:absolute;z-index:3;right:23px;top:31px;width:102px;height:102px;display:grid;place-content:center;text-align:center;border:1px solid var(--ink);border-radius:50%;background:#f4f17d;font-size:12px;font-weight:900;line-height:1.18;transform:rotate(9deg)}
.guide-popup-form{position:relative;display:flex;flex-direction:column;justify-content:center;padding:34px 48px 28px;overflow:auto}
#guide-popup .guide-close{position:absolute;right:17px;top:14px;width:40px;height:40px;border:1px solid var(--ink);border-radius:50%;background:#fff8e4;font-size:27px;line-height:1;z-index:4}
#guide-popup .eyebrow{margin:0 45px 13px 0}
#guide-popup h2{font-family:Neighbour,Georgia,serif;font-size:clamp(40px,4.25vw,60px);line-height:.96;letter-spacing:-.065em;margin:0 25px 15px 0}
.guide-popup-intro{font-size:16px;line-height:1.42;max-width:520px;margin:0 0 18px}
.guide-fields{display:grid;gap:9px}
.guide-fields label{display:block;font-size:12px;font-weight:800;margin:0}
.guide-fields input,.guide-fields select{display:block;width:100%;min-height:43px;margin-top:4px;padding:8px 12px;border:1px solid var(--ink);border-radius:7px;background:#fffdf7;color:var(--ink);font-size:15px}
.guide-fields select{appearance:auto}
.guide-submit{width:100%;margin-top:14px;border:1px solid var(--ink);border-radius:99px;padding:13px 21px;background:var(--ink);color:#fff8e4;font-weight:800;font-size:15px}
.guide-submit:hover{transform:translateY(-2px);box-shadow:3px 4px 0 #ff80bd}
.guide-privacy{font-size:11px;line-height:1.4;margin:10px 0 0;color:#47675c}
.guide-spam{display:none!important}
@media(max-width:760px) and (min-width:561px){#guide-popup{width:calc(100vw - 20px);height:min(620px,calc(100vh - 20px));border-radius:18px}.guide-popup-grid{grid-template-columns:35% 65%}.guide-popup-art{padding:18px}.guide-cover-wrap{width:88%;transform:rotate(-4deg)}.guide-popup-sticker{width:76px;height:76px;right:10px;top:17px;font-size:9px}.guide-popup-form{padding:27px 25px 20px}#guide-popup h2{font-size:37px}.guide-popup-intro{font-size:14px}.guide-fields input,.guide-fields select{min-height:41px}.guide-privacy{font-size:10px}}
@media(max-width:560px){#guide-popup{width:min(95%,520px);height:auto;max-height:94vh;border-radius:18px}.guide-popup-grid{display:block;height:auto}.guide-popup-art{display:none}.guide-popup-form{display:block;padding:34px 22px 23px;overflow:auto}#guide-popup h2{font-size:39px;margin-right:24px}.guide-popup-intro{font-size:15px}.guide-fields{gap:10px}.guide-fields input,.guide-fields select{min-height:45px}.guide-submit{margin-top:14px}}
