:root{color-scheme:light;--blue:#145f81;--deep:#0b3553;--ink:#102f43;--yellow:#ffc400;--cream:#f4eee7;--paper:#fffaf3;--line:rgba(20,95,129,.18);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{background:var(--deep);scroll-behavior:smooth}
body{margin:0;min-width:280px;background:linear-gradient(150deg,#fffaf4,#e7f0f2);color:var(--ink)}
button,summary,[role="button"]{cursor:pointer}
button{font:inherit}
[hidden]{display:none!important}
.prompt-stage{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:flex-end;padding:7rem clamp(1rem,5vw,5.2rem) 4.5rem;overflow:hidden;background:#eee7df url('/images/mydatedating-background.webp') center center/cover no-repeat}
.prompt-stage:focus-visible,.prompt-reading summary:focus-visible,.prompt-gallery figure:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.prompt-light{position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(5,39,58,.94) 0,rgba(5,45,66,.68) 28%,rgba(5,45,66,.05) 67%),linear-gradient(90deg,rgba(6,39,58,.25),transparent 42%,rgba(255,255,255,.04))}
.prompt-topline{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,5vw,5.2rem);border-bottom:1px solid rgba(255,255,255,.35);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.54));backdrop-filter:blur(10px)}
.prompt-brand{display:flex;align-items:center;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:900;letter-spacing:-.075em;line-height:1;color:var(--blue)}
.prompt-brand strong{display:flex;color:var(--yellow);font-weight:950}
.prompt-brand strong span{display:inline-grid;place-items:center;width:.72em;margin:0 -.02em;color:var(--deep);font-size:.4em;transform:translateY(.06em)}
.prompt-login{border:2px solid var(--blue);border-radius:999px;background:rgba(255,255,255,.78);color:var(--blue);padding:.72rem 1rem;font-weight:850;box-shadow:0 8px 24px rgba(8,48,70,.1)}
.prompt-login:hover,.prompt-login:focus-visible{background:var(--blue);color:#fff;outline:0}
.prompt-intro{position:relative;z-index:2;width:min(820px,100%);padding:clamp(1.25rem,3vw,2.1rem);border:1px solid rgba(255,255,255,.28);border-radius:1.45rem;background:linear-gradient(120deg,rgba(7,50,73,.96),rgba(7,50,73,.82));color:#fff;box-shadow:0 24px 74px rgba(4,31,48,.36);backdrop-filter:blur(10px)}
.prompt-overline{margin:0 0 .65rem;color:var(--yellow);font-size:.76rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.prompt-intro h1{max-width:18ch;margin:.2rem 0 .7rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,5vw,5rem);line-height:.95;letter-spacing:-.045em;text-wrap:balance}
.prompt-lead{max-width:64ch;margin:0;color:#e8f1f4;font-size:clamp(.98rem,1.4vw,1.14rem);line-height:1.6}
.prompt-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.15rem 0 1.35rem}
.prompt-tags span{padding:.48rem .72rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08);font-size:.79rem;font-weight:750}
.prompt-primary,.prompt-article-action button,.prompt-footer button{border:0;border-radius:999px;background:var(--yellow);color:#173648;padding:.9rem 1.2rem;font-weight:950;box-shadow:0 10px 28px rgba(0,0,0,.2);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.prompt-primary:hover,.prompt-article-action button:hover,.prompt-footer button:hover{transform:translateY(-2px);background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.26)}
.prompt-reading{position:relative;z-index:4;width:min(1120px,calc(100% - 2rem));margin:-2.3rem auto 3.5rem;border:1px solid var(--line);border-radius:1.35rem;background:var(--paper);box-shadow:0 24px 75px rgba(8,49,70,.2);overflow:clip}
.prompt-reading>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;list-style:none;background:linear-gradient(100deg,var(--blue),var(--deep));color:#fff;font-weight:850}
.prompt-reading>summary::-webkit-details-marker{display:none}
.prompt-reading>summary small{color:#ffe267;font-size:.78rem;font-weight:800;text-align:right}
.prompt-article{padding:clamp(1.25rem,4vw,4.25rem);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.03rem,1.4vw,1.16rem);line-height:1.82}
.prompt-chapter{max-width:790px;margin:0 auto 2.8rem}
.prompt-chapter h2{margin:0 0 .85rem;color:var(--blue);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.035em}
.prompt-chapter p{margin:.65rem 0 1rem}
.prompt-gallery{display:grid;grid-template-columns:1.08fr .92fr 1.08fr;gap:1rem;margin:0 auto 3.6rem;max-width:940px}
.prompt-gallery figure{position:relative;margin:0;min-height:24rem;border-radius:1.1rem;overflow:hidden;background:var(--deep);box-shadow:0 16px 36px rgba(7,51,76,.2);transition:transform .2s ease}
.prompt-gallery figure:nth-child(2){transform:translateY(1.8rem)}
.prompt-gallery figure:hover,.prompt-gallery figure:focus-visible{transform:translateY(-4px);outline:4px solid rgba(255,196,0,.55)}
.prompt-gallery figure:nth-child(2):hover,.prompt-gallery figure:nth-child(2):focus-visible{transform:translateY(1.3rem)}
.prompt-gallery img{display:block;width:100%;height:100%;min-height:24rem;object-fit:cover}
.prompt-gallery figcaption{position:absolute;left:.7rem;right:.7rem;bottom:.7rem;padding:.68rem .75rem;border-radius:.7rem;background:rgba(6,42,62,.86);color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:830;text-align:center;backdrop-filter:blur(8px)}
.prompt-article-action{max-width:800px;margin:3rem auto 0;padding:clamp(1.2rem,3vw,2rem);border-radius:1.2rem;background:linear-gradient(115deg,var(--blue),var(--deep));color:#fff;text-align:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.prompt-article-action p{font-size:1.12rem;font-weight:800}
.prompt-footer{display:grid;justify-items:center;gap:.75rem;padding:2rem 1rem 4rem;background:var(--deep);color:#dceaf0;text-align:center}
.prompt-footer p{margin:0}
.prompt-footer .prompt-brand{font-size:2rem}
.prompt-gate,.prompt-pop{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:1rem}
.prompt-gate{isolation:isolate;background:#eee7df url('/images/mydatedating-background.webp') center center/cover no-repeat}
.prompt-gate-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(6,42,62,.5),rgba(6,42,62,.12)),rgba(4,30,45,.2)}
.prompt-gate-card,.prompt-pop-card{position:relative;width:min(510px,100%);border:1px solid rgba(255,255,255,.46);border-radius:1.45rem;background:rgba(255,250,244,.96);padding:clamp(1.35rem,4vw,2.6rem);box-shadow:0 30px 90px rgba(5,37,55,.4);text-align:center}
.prompt-gate-brand{justify-content:center;margin-bottom:1.15rem;font-size:2.2rem}
.prompt-age{display:grid;place-items:center;width:4.2rem;height:4.2rem;margin:0 auto 1rem;border:3px solid var(--yellow);border-radius:50%;background:var(--deep);color:#fff;font-size:1.28rem;font-weight:950}
.prompt-gate h2,.prompt-pop h2{margin:.45rem auto .8rem;color:var(--deep);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.9rem,5vw,3rem);line-height:1.04}
.prompt-gate p,.prompt-pop p{color:#3e5b6c;line-height:1.58}
.prompt-gate-actions{display:grid;gap:.7rem;margin-top:1.3rem}
.prompt-gate-actions button{border:0;border-radius:999px;padding:.9rem 1rem;font-weight:900}
#ContinueAge{background:var(--yellow);color:var(--deep)}
#DeclineAge{border:1px solid rgba(20,95,129,.35);background:transparent;color:var(--blue)}
.prompt-pop{z-index:55;background:transparent}
.prompt-pop-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(5,35,52,.62)}
.prompt-pop-card{text-align:left}
.prompt-pop-card .prompt-primary{width:100%;margin-top:.45rem}
.prompt-pop-close{position:absolute;right:.75rem;top:.75rem;width:2.5rem;height:2.5rem;border:1px solid rgba(20,95,129,.25);border-radius:50%;background:#f1f6f7;color:var(--deep);font-size:1.45rem;line-height:1}
.prompt-later{display:block;margin:.85rem auto 0;border:0;background:transparent;color:var(--blue);text-decoration:underline;text-underline-offset:.2rem}
@media(max-width:620px){
 .prompt-stage{min-height:100svh;display:block;padding:calc(56.25vw + 1rem) .75rem 3.8rem;background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:var(--deep)}
 .prompt-light{background:linear-gradient(180deg,transparent 0,transparent 49vw,var(--deep) 62vw,#082f49 100%)}
 .prompt-topline{padding:.68rem .8rem;background:rgba(255,255,255,.9)}.prompt-brand{font-size:1.55rem}.prompt-login{padding:.55rem .72rem;font-size:.75rem}
 .prompt-intro{margin-top:.5rem;padding:1.12rem;border-radius:1.05rem;background:rgba(7,50,73,.98)}.prompt-intro h1{font-size:clamp(2rem,10vw,3.2rem);max-width:15ch}.prompt-lead{font-size:.92rem;line-height:1.5}.prompt-tags{margin:.9rem 0}.prompt-tags span{font-size:.68rem}.prompt-primary{width:100%}
 .prompt-reading{width:calc(100% - 1rem);margin:-2rem auto 2rem;border-radius:1rem}.prompt-reading>summary{align-items:flex-start;padding:1rem}.prompt-reading>summary small{max-width:12ch}
 .prompt-article{padding:1.1rem}.prompt-gallery{grid-template-columns:1fr;gap:.8rem}.prompt-gallery figure,.prompt-gallery img{min-height:21rem}.prompt-gallery figure:nth-child(2){transform:none}.prompt-gallery figure:nth-child(2):hover,.prompt-gallery figure:nth-child(2):focus-visible{transform:translateY(-4px)}
 .prompt-gate{place-items:center;padding-top:calc(56.25vw + .5rem);background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:var(--deep)}.prompt-gate-shade{background:linear-gradient(180deg,rgba(6,42,62,.04) 0,rgba(6,42,62,.04) 48vw,rgba(6,42,62,.9) 68vw,var(--deep) 100%)}
 .prompt-gate-card{padding:1.15rem;border-radius:1.1rem}.prompt-gate-brand{margin-bottom:.65rem}.prompt-age{width:3.4rem;height:3.4rem;margin-bottom:.55rem}.prompt-gate h2{font-size:1.95rem}.prompt-gate p{margin:.55rem 0;font-size:.91rem}
 .prompt-pop{padding:.65rem}.prompt-pop-card{padding:1.25rem;border-radius:1.1rem}.prompt-pop h2{font-size:2rem}
}
@media(min-width:621px) and (max-width:900px){.prompt-stage{background-position:60% center}.prompt-intro{width:min(690px,88vw)}.prompt-gallery{grid-template-columns:1fr 1fr}.prompt-gallery figure:last-child{grid-column:1/-1;min-height:21rem}.prompt-gallery figure:last-child img{min-height:21rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.prompt-gallery figure,.prompt-primary{transition:none}}
.dialog-label{margin:0 0 14px;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:800;line-height:1.1}
