:root{--portal-bg:#101019;--portal-panel:#191b27;--portal-line:#ffffff1c;--portal-text:#f3f3f5;--portal-muted:#b7bbc9;--portal-orange:#ff8a2b;--portal-gold:#ffc857}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1.5rem}
body.portal-page{margin:0;background:radial-gradient(ellipse at 85% 0%,#a23d1a24,transparent 35%),var(--portal-bg);color:var(--portal-text);font:16px/1.65 'DM Sans',Arial,sans-serif}
.portal-page a{color:#ffc978;text-underline-offset:3px}
.portal-page a:hover{color:#fff0c2}
.portal-topbar{min-height:78px;padding:12px clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b0b12d9;border-bottom:1px solid var(--portal-line)}
.portal-brand{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none;font-weight:900;font-size:1.15rem;letter-spacing:.04em}
.portal-brand>img{width:48px;height:48px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 3px 10px #f2782955)}
.portal-brand>span>span{color:var(--portal-orange)}
.portal-back{font-size:.9rem;font-weight:700;text-decoration:none}
.portal-wrap{width:min(1020px,calc(100% - 32px));margin:0 auto;padding:clamp(28px,6vw,72px) 0 72px}
.portal-hero{padding:clamp(26px,5vw,54px);border:1px solid #ffc85735;border-radius:24px;background:linear-gradient(125deg,#25150f,#191827 65%,#121521);box-shadow:0 24px 70px #0003}
.portal-kicker{display:block;color:#ffc46d;font-size:.74rem;font-weight:900;letter-spacing:.18em}
.portal-hero h1,.about-hero h1{max-width:800px;margin:.7rem 0;font:700 clamp(2.2rem,6vw,4rem)/1.06 'Bebas Neue','Arial Narrow',sans-serif;letter-spacing:.025em}
.portal-hero p,.about-hero p{max-width:680px;color:#d1d2dc;font-size:1.08rem;margin:0}
.portal-anchor-nav{position:sticky;top:8px;z-index:10;display:flex;gap:.45rem;flex-wrap:wrap;margin:22px 0 38px;padding:9px;border:1px solid var(--portal-line);border-radius:16px;background:#11131deF;backdrop-filter:blur(12px)}
.portal-anchor-nav a{padding:.55rem .85rem;border-radius:10px;text-decoration:none;font-weight:800;font-size:.88rem}
.portal-anchor-nav a:hover{background:#ffffff12}
.portal-section{scroll-margin-top:82px;margin:26px 0;padding:clamp(22px,4vw,40px);border:1px solid var(--portal-line);border-radius:20px;background:linear-gradient(145deg,#1a1d29,#14151f)}
.portal-section h2,.about-contact h2{margin:.35rem 0 1rem;font:700 clamp(1.7rem,4vw,2.5rem)/1.15 'Bebas Neue','Arial Narrow',sans-serif;letter-spacing:.035em}
.portal-section h3{margin:1.55rem 0 .35rem;color:#ffe0a3;font-size:1.05rem}
.portal-section p,.portal-section li{color:#d1d3de}
.portal-section ul{padding-left:1.3rem}
.portal-section li+li{margin-top:.45rem}
.portal-updated,.portal-small{color:var(--portal-muted)!important;font-size:.88rem}
.portal-section details{margin:.65rem 0;border:1px solid #ffffff19;border-radius:12px;background:#11141f;color:var(--portal-text);font-size:1rem}
.portal-section summary{padding:1rem 1.15rem;color:#ffe0a3;font-weight:800;cursor:pointer}
.portal-section details p{margin:0;padding:0 1.15rem 1.05rem;color:#cfd2df}
.report-form{display:grid;gap:1rem;max-width:680px;margin:1.5rem 0}
.report-form label{display:grid;gap:.35rem;font-weight:800;color:#f5d99e}
.report-form input,.report-form select,.report-form textarea{width:100%;padding:.78rem .9rem;border:1px solid #ffffff2a;border-radius:10px;background:#0e111b;color:#f4f5fa;font:inherit}
.report-form select option{background:#101019;color:#fff}
.report-form input:focus,.report-form select:focus,.report-form textarea:focus{outline:3px solid #f5a54166;border-color:#ffb34d}
.portal-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:max-content;max-width:100%;min-height:46px;padding:.75rem 1.15rem;border:1px solid #ffc857;border-radius:11px;background:linear-gradient(135deg,#ffa633,#ee5e24);color:#17121a!important;text-decoration:none;font-weight:900;cursor:pointer;box-shadow:0 8px 25px #e76a2733}
.portal-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.report-feedback{min-height:1.3em;color:#c9f3d9}
.portal-footer{display:flex;justify-content:center;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:24px 16px;border-top:1px solid var(--portal-line);color:var(--portal-muted);font-size:.85rem}
.portal-footer a{font-weight:800}
.about-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:center;gap:2rem;padding:clamp(26px,5vw,54px);border:1px solid #ffc85738;border-radius:24px;background:radial-gradient(ellipse at 82% 45%,#fb8c2e2b,transparent 32%),linear-gradient(125deg,#25150f,#191827 65%,#121521);box-shadow:0 24px 70px #0003}
.about-hero h1{font-size:clamp(2.5rem,5vw,4.2rem)}
.about-hero img{width:min(100%,330px);height:auto;justify-self:center;filter:drop-shadow(0 18px 28px #0009)}
.about-hero .portal-button{margin-top:1.35rem}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:24px 0}
.about-grid article,.about-contact{padding:clamp(20px,3vw,30px);border:1px solid var(--portal-line);border-radius:18px;background:linear-gradient(145deg,#1a1d29,#14151f)}
.about-grid article>span{color:#ffc46d;font-size:.72rem;font-weight:900;letter-spacing:.1em}
.about-grid h2{font:700 1.5rem/1.2 'Bebas Neue','Arial Narrow',sans-serif;margin:.65rem 0}
.about-grid p,.about-contact p{color:#c9cbd6;margin-bottom:0}
.about-contact{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.about-actions{display:grid;gap:.8rem;justify-items:start;flex:0 0 auto}
.portal-link{font-weight:700}
@media(max-width:760px){.portal-topbar{min-height:66px}.portal-brand>img{width:40px;height:40px}.portal-wrap{width:min(100% - 24px,1020px);padding-top:20px}.portal-anchor-nav{top:4px;gap:.2rem;padding:6px}.portal-anchor-nav a{padding:.5rem .65rem;font-size:.8rem}.about-hero{grid-template-columns:1fr;text-align:center;gap:1rem}.about-hero img{grid-row:1;width:min(50vw,210px)}.about-hero .portal-button{margin-inline:auto}.about-grid{grid-template-columns:1fr}.about-contact{display:grid;gap:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal-button:hover{transform:none}}