
.page-portal{background:#0d0b0b;color:#fff}
.portal-bg{position:fixed;inset:0;background-image:image-set(url("../img/portal-bg.webp") type("image/webp"),url("../img/portal-bg.jpg") type("image/jpeg"));background-size:cover;background-position:center}
.portal-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 520px at 18% 18%, rgba(197,107,49,.30), transparent 60%),radial-gradient(900px 520px at 88% 25%, rgba(243,231,211,.18), transparent 60%),linear-gradient(180deg, rgba(15,12,11,.38), rgba(15,12,11,.84))}
.portal-shell{position:relative}
.portal-hero{min-height:100svh;display:grid;place-items:center;padding:54px 0 42px}
.portal-card{width:var(--wrap);border-radius:32px;border:1px solid rgba(255,255,255,.14);background:rgba(18,14,12,.56);backdrop-filter:blur(14px);box-shadow:0 24px 90px rgba(0,0,0,.45);overflow:hidden;position:relative}
.portal-card::before{content:"";position:absolute;inset:0;background-image:url("../img/pattern-wheat.svg");background-size:220px 220px;opacity:.16;mix-blend-mode:soft-light}
.portal-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px 0}
.portal-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.portal-brand img{width:36px;height:36px}
.portal-badge{font-size:.88rem;color:rgba(255,255,255,.78);padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.portal-inner{padding:18px}
.portal-copy{display:grid;gap:10px;max-width:72ch}
.portal-copy p{color:rgba(255,255,255,.82)}
.portal-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.portal-trust span{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.choice-card{position:relative;min-height:360px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);text-decoration:none;transition:transform .14s ease,border-color .14s ease}
.choice-card:hover{transform:translateY(-2px);border-color:rgba(197,107,49,.38)}
.choice-card::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center}
.choice-card--einspringer::before{background-image:image-set(url("../img/portal-card-einspringer.webp") type("image/webp"),url("../img/portal-card-einspringer.jpg") type("image/jpeg"))}
.choice-card--kurse::before{background-image:image-set(url("../img/portal-card-kurse.webp") type("image/webp"),url("../img/portal-card-kurse.jpg") type("image/jpeg"))}
.choice-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.78))}
.choice-content{position:relative;z-index:1;height:100%;padding:26px;display:grid;align-content:end;gap:10px}
.choice-content h2{font-size:2rem;color:#fff}
.choice-content p{color:rgba(255,255,255,.84)}
.portal-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 18px 18px;color:rgba(255,255,255,.72)}
.portal-foot a{color:rgba(255,255,255,.76);text-decoration:none}
.portal-foot a:hover{text-decoration:underline}
.home-block{position:relative;padding:72px 0;background:var(--flour);color:var(--ink)}
.home-block.alt{background:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:980px){.choice-grid,.contact-grid{grid-template-columns:1fr}.choice-card{min-height:300px}}
