body:has(.guest-preview-page){background:#f3f6fb}
.guest-preview-page{padding-block:30px 60px;min-height:85vh}.guest-preview-heading{display:flex;align-items:center;gap:18px;margin-bottom:25px}.guest-preview-heading h1{font-size:clamp(1.5rem,3vw,2.1rem);color:#16345c;font-weight:800}.guest-preview-heading p{color:#536b88;margin:0;line-height:1.8}.guest-preview-art{width:76px;height:76px;flex-shrink:0;background:url('/img/education-atlas-v18.webp') 100% 100%/400% 400%;border-radius:20px}
.guest-preview-stage{position:relative;isolation:isolate;padding-bottom:24px}.guest-preview-content{opacity:.82;filter:none;pointer-events:none;user-select:none}.guest-preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border:1px solid #d1ddea;border-radius:18px;background:#fff;margin-bottom:18px;color:#294866}.guest-preview-toolbar span{font-size:.85rem;color:#526d8d}.guest-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guest-preview-card{min-height:455px;border:1px solid #cfdded;border-radius:22px;padding:26px;background:linear-gradient(145deg,#fff,#eaf1fa);box-shadow:0 8px 24px #17345d08}.guest-preview-card:nth-child(2){background:linear-gradient(145deg,#fff,#e9f3f0)}.guest-preview-card:nth-child(3){background:linear-gradient(145deg,#fff,#efedf7)}.guest-preview-card>i{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#dae7f7;color:#254f83;font-size:27px;box-shadow:inset 0 2px 2px #fff,0 5px 12px #31578312}.guest-preview-card h3{font-size:1.06rem;color:#294766;margin:18px 0}.guest-placeholder-line{height:12px;background:#c7d6e8;border-radius:6px;margin-top:14px}.guest-placeholder-line.short{width:65%}
.guest-invitation{position:absolute;z-index:2;top:180px;left:50%;transform:translateX(-50%);width:min(690px,calc(100% - 48px));padding:30px 34px 32px;text-align:center;border:1px solid #a4d2ff70;border-radius:28px;background:radial-gradient(ellipse at 15% 0%,#307aa37a,transparent 55%),linear-gradient(125deg,#102b53,#14233f 75%);box-shadow:0 24px 55px #122b4e40,0 0 0 6px #ffffff90;overflow:hidden}.guest-invitation::before{content:"";position:absolute;width:260px;height:260px;right:-190px;top:-100px;border:1px solid #a9ccec38;border-radius:50%;box-shadow:0 0 0 35px #a9ccec0a,0 0 0 70px #a9ccec07;pointer-events:none}.guest-invitation-art{display:block;width:70px;height:70px;margin:0 auto 12px;border-radius:20px;background:url('/img/education-atlas-v18.webp') 100% 100%/400% 400%;box-shadow:0 6px 22px #061d3460;transform:rotate(-5deg)}.guest-invitation-kicker{font-size:.76rem;color:#c0d2e7;letter-spacing:.01em}.guest-invitation h2{font-size:clamp(1.65rem,3.5vw,2.5rem);font-weight:900;line-height:1.55;margin:12px 0 7px;color:#fff}.guest-invitation h2 span{color:#aee7ee}.guest-invitation p{margin:0;color:#d4dfed;line-height:1.8;font-size:.94rem}.guest-invitation-actions{display:flex;justify-content:center;gap:12px;margin-top:23px;flex-wrap:wrap}.guest-invitation-actions a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 24px;border-radius:13px;font-weight:800;font-size:.93rem;text-decoration:none;transition:transform .18s,background .18s}.guest-login{background:#fff;color:#153957;box-shadow:0 6px 15px #0002}.guest-login:hover{color:#16354f;background:#e4f7fc;transform:translateY(-2px)}.guest-register{background:#ffffff0c;border:1px solid #afc5dc80;color:#f4f8ff}.guest-register:hover{background:#ffffff20;color:#fff;transform:translateY(-2px)}.guest-invitation a:focus-visible{outline:3px solid #8ee9ff;outline-offset:4px}
@media(max-width:767px){.guest-preview-card{padding:16px;min-height:480px}.guest-preview-grid{gap:10px}.guest-preview-card h3{font-size:.88rem}.guest-invitation{top:165px;width:calc(100% - 28px);padding:24px 18px}.guest-preview-toolbar{padding:16px}.guest-preview-toolbar span{display:none}}
@media(max-width:420px){.guest-preview-heading{gap:12px}.guest-preview-art{width:58px;height:58px}.guest-preview-heading p{font-size:.85rem}.guest-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guest-preview-card{padding:12px 8px;min-height:520px}.guest-preview-card>i{width:40px;height:40px;font-size:22px}.guest-invitation-actions{flex-direction:column}.guest-invitation-actions a{width:100%}.guest-invitation h2{font-size:1.6rem}.guest-invitation-kicker{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.guest-invitation-actions a{transition:none}}