:root{--ink:#24263f;--paper:#f7f4f2;--pink:#f00048;--rose:#ff4f7c;--soft:#ffe7ee;--line:rgba(36,38,63,.16);--shadow:0 22px 70px rgba(22,24,43,.24)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;background:var(--paper);min-width:320px}
button,[role="button"],summary{cursor:pointer}
[hidden]{display:none!important}
.scene-shell{position:fixed;inset:0;background:linear-gradient(90deg,rgba(247,244,242,.97) 0%,rgba(247,244,242,.82) 39%,rgba(247,244,242,.12) 67%,rgba(247,244,242,.04) 100%),url("../images/naszatajemnica-background.webp") center/cover no-repeat;z-index:-2}
.scene-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,transparent 0 24%,rgba(36,38,63,.08) 70%)}
.top-ribbon{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line);background:rgba(247,244,242,.82);backdrop-filter:blur(10px)}
.wordmark{font-size:clamp(24px,3vw,36px);font-weight:800;line-height:.82;display:flex;flex-direction:column;letter-spacing:-1.5px}.wordmark span{color:var(--ink)}.wordmark strong{color:var(--pink)}
.account-entry{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pink);border-radius:999px;padding:12px 19px;color:var(--pink);font-weight:750;background:rgba(255,255,255,.72);transition:.2s ease}.account-entry:hover,.account-entry:focus{color:white;background:var(--pink);transform:translateY(-2px)}
.welcome-stage{min-height:calc(100vh - 86px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(28px,5vw,76px);padding:clamp(40px,7vw,92px) clamp(22px,6vw,92px)}
.welcome-card{max-width:690px;padding:clamp(24px,4vw,54px);border:1px solid rgba(255,255,255,.78);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,245,248,.78));box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.eyebrow,.check-kicker,.moment-spark{display:inline-block;color:var(--pink);font-size:12px;font-weight:900;letter-spacing:.16em}
h1{margin:18px 0 18px;font-size:clamp(37px,5.1vw,72px);line-height:1.02;letter-spacing:-.045em;max-width:740px}
.lead{font-size:clamp(17px,2vw,22px);line-height:1.55;max-width:620px;color:#464962}
.action-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.primary-action,.secondary-action{border:0;border-radius:999px;padding:16px 24px;background:linear-gradient(135deg,var(--pink),var(--rose));color:white;font-weight:850;font-size:16px;box-shadow:0 12px 30px rgba(240,0,72,.28);transition:.2s ease}.primary-action:hover,.primary-action:focus,.secondary-action:hover,.secondary-action:focus{transform:translateY(-3px);box-shadow:0 16px 36px rgba(240,0,72,.36)}.age-note{font-size:13px;color:#61647a}
.profile-orbit{position:relative;min-height:630px;filter:drop-shadow(0 24px 38px rgba(31,31,52,.18))}.portrait-card{position:absolute;margin:0;width:clamp(180px,18vw,250px);border-radius:28px;background:white;padding:9px 9px 16px;box-shadow:0 18px 40px rgba(22,24,43,.2);transition:.25s ease}.portrait-card:hover,.portrait-card:focus{outline:3px solid rgba(240,0,72,.25)}.portrait-card img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:21px;object-fit:cover}.portrait-card figcaption{padding:12px 7px 0;font-weight:800;font-size:14px}.portrait-a{left:0;top:0;transform:rotate(-4deg)}.portrait-a:hover,.portrait-a:focus{transform:translateY(-8px) rotate(0)}.portrait-b{right:0;top:0;transform:rotate(4deg);z-index:2}.portrait-b:hover,.portrait-b:focus{transform:translateY(-8px) rotate(0)}.portrait-c{left:50%;bottom:0;transform:translateX(-50%) rotate(2deg);z-index:3}.portrait-c:hover,.portrait-c:focus{transform:translateX(-50%) translateY(-8px) rotate(0)}
.sekret-opowiesc{position:relative;margin:0 auto 70px;width:min(1060px,calc(100% - 36px));background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:clip}.sekret-opowiesc summary{padding:24px 30px;font-size:18px;font-weight:850;list-style:none;color:var(--pink);display:flex;align-items:center;justify-content:space-between}.sekret-opowiesc summary::-webkit-details-marker{display:none}.sekret-opowiesc summary:after{content:"+";font-size:28px}.sekret-opowiesc[open] summary:after{content:"−"}.editorial-copy{padding:8px clamp(24px,6vw,88px) 62px;border-top:1px solid var(--line)}.editorial-copy h2{margin:48px 0 13px;font-size:clamp(25px,3vw,38px);letter-spacing:-.025em}.editorial-copy p{font-size:17px;line-height:1.8;color:#484b62}.article-finale{margin-top:48px;padding:28px;border-radius:22px;background:var(--soft);text-align:center}.article-finale p{font-weight:800;color:var(--ink)}
.check-threshold,.moment-layer{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px}.check-landing{position:absolute;inset:0;background:linear-gradient(rgba(245,241,241,.28),rgba(245,241,241,.28)),url("../images/naszatajemnica-background.webp") center/cover no-repeat}.check-threshold:after{content:"";position:absolute;inset:0;background:rgba(20,21,39,.24)}.check-card,.moment-card{position:relative;z-index:2;width:min(480px,100%);border-radius:30px;background:rgba(255,255,255,.96);padding:clamp(28px,5vw,48px);text-align:center;box-shadow:0 30px 100px rgba(12,12,25,.35);border:1px solid rgba(255,255,255,.9)}.check-card img{width:86px;height:86px;object-fit:contain;margin-bottom:10px}.check-card h2,.moment-card h2{font-size:clamp(28px,5vw,42px);line-height:1.08;margin:14px 0}.check-card p,.moment-card p{line-height:1.6;color:#5a5d70}.check-actions{display:grid;gap:10px;margin-top:24px}.check-actions button{border-radius:999px;padding:15px 18px;font-weight:850;font-size:16px}.check-actions #VisitGrant{border:0;background:var(--pink);color:white}.check-actions #DenyVisit{border:1px solid var(--line);background:white;color:#6a6c7d}
.moment-layer{z-index:45;background:rgba(25,26,45,.55);backdrop-filter:blur(5px)}.moment-card{background:linear-gradient(145deg,#fff,#fff0f4)}.moment-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#686a7c;font-size:32px;line-height:1}.later-action{display:block;margin:12px auto 0;border:0;background:transparent;color:#696b7d;text-decoration:underline;padding:8px}
@media (max-width:900px){.welcome-stage{grid-template-columns:1fr;padding-top:38px}.profile-orbit{min-height:530px;width:min(600px,100%);margin:auto}.portrait-card{width:210px}.portrait-a{left:0;top:0}.portrait-b{right:0;top:0}.portrait-c{left:50%;bottom:0}.scene-shell{background-position:62% center}}
@media (max-width:560px){.top-ribbon{height:74px;padding:0 17px}.wordmark{font-size:24px}.account-entry{padding:10px 13px;font-size:13px}.welcome-stage{min-height:auto;display:flex;flex-direction:column;align-items:stretch;padding:24px 16px 44px}.welcome-card{padding:26px 22px;border-radius:24px}h1{font-size:38px}.lead{font-size:17px}.profile-orbit{min-height:410px;margin-top:8px}.portrait-card{width:145px;padding:6px 6px 12px;border-radius:21px}.portrait-card img{border-radius:16px}.portrait-card figcaption{font-size:12px}.portrait-a{left:0;top:8px}.portrait-b{right:0;top:8px}.portrait-c{left:50%;bottom:0}.sekret-opowiesc{margin-bottom:36px}.sekret-opowiesc summary{padding:20px;font-size:16px}.editorial-copy{padding:4px 20px 42px}.editorial-copy p{font-size:16px}.check-threshold,.moment-layer{padding:14px}.check-card,.moment-card{border-radius:24px;padding:28px 22px}.check-card img{width:72px;height:72px}}
.dialog-label{margin:0 0 14px;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:800;line-height:1.1}
