:root{color-scheme:light;--bg:#f5f5f7;--surface:#ffffffd1;--surface-solid:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:#00000014;--shadow:0 18px 60px #00000014}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 0%, #fffffff2, transparent 32rem), linear-gradient(180deg, #fafafa 0%, var(--bg) 56%, #f2f2f4 100%);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Arial,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 56px}.topbar{z-index:20;backdrop-filter:saturate(180%)blur(22px);border-bottom:1px solid var(--line);background:#fafafac7;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 40px);height:72px;margin:0 auto;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand img{width:94px;height:auto;display:block}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-title{letter-spacing:-.01em;font-size:14px;font-weight:700}.brand-subtitle{color:var(--muted);font-size:12px}.role-pill{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.role-dot{background:#34c759;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34c7591f}.portal-hero{min-height:360px;box-shadow:var(--shadow);background:linear-gradient(90deg,#121214cc 0%,#12121494 38%,#1212142e 100%),url(/portal-hero-generator.jpg) 50%/cover no-repeat;border:1px solid #0000000f;border-radius:34px;align-items:flex-end;margin:0 0 34px;padding:36px;display:flex;position:relative;overflow:hidden}.portal-hero:after{content:"";pointer-events:none;background:linear-gradient(#ffffff05 0%,#fff0 24%,#00000014 100%);position:absolute;inset:0}.portal-hero-copy{z-index:1;color:#fff;max-width:580px;position:relative}.portal-hero-kicker{letter-spacing:.02em;text-transform:uppercase;background:#ffffff24;border:1px solid #ffffff24;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.portal-hero h1{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(38px,5vw,56px);line-height:.98}.portal-hero p{color:#ffffffd6;max-width:540px;margin:0;font-size:16px;line-height:1.55}.section{margin-top:0}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:28px}.section-heading p{color:var(--muted);margin:0;font-size:13px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid #0000000e;border-radius:26px;min-height:196px;padding:22px;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6}.card:hover{background:var(--surface-solid);box-shadow:var(--shadow);transform:translateY(-4px)}.card:focus-visible{outline-offset:3px;outline:3px solid #0071e359}.card:after{content:"↗";color:#a1a1a6;font-size:20px;transition:transform .22s,color .22s;position:absolute;top:20px;right:20px}.card:hover:after{color:var(--text);transform:translate(2px,-2px)}.app-icon-wrap{justify-content:flex-start;align-items:center;width:68px;height:68px;margin-bottom:25px;display:flex}.app-icon{object-fit:contain;filter:drop-shadow(0 8px 16px #0000001a);border-radius:14px;width:64px;height:64px;display:block}.app-icon-fallback{color:#fff;letter-spacing:-.02em;background:#1d1d1f;border-radius:14px;place-items:center;width:64px;height:64px;font-size:16px;font-weight:800;display:none;box-shadow:0 8px 16px #0000001a}.card h3{letter-spacing:-.03em;margin:0 0 7px;font-size:20px}.card p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.admin-zone{background:#ebebf0b8;border:1px solid #00000012;border-radius:34px;margin-top:54px;padding:30px}.admin-zone[data-hidden=true]{display:none}.admin-zone .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-zone .card{background:#ffffffbd}.notice{border:1px solid var(--line);color:var(--muted);background:#ffffff9e;border-radius:18px;margin-top:40px;padding:18px 20px;font-size:13px;line-height:1.5}.notice strong{color:var(--text)}.footer{border-top:1px solid var(--line);color:#86868b;justify-content:flex-start;align-items:center;gap:16px;margin-top:46px;padding-top:24px;font-size:12px;display:flex}@media (width<=980px){.grid,.admin-zone .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.shell,.topbar-inner{width:min(100% - 24px,1180px)}.shell{padding-top:18px}.topbar-inner{height:62px}.brand img{width:70px}.brand-copy{display:none}.role-pill{padding:7px 10px}.portal-hero{background-position:62%;border-radius:26px;min-height:300px;padding:24px}.portal-hero h1{font-size:34px}.portal-hero p{font-size:14px}.section-heading{flex-direction:column;align-items:start;gap:5px}.section-heading h2{font-size:24px}.grid,.admin-zone .grid{grid-template-columns:1fr;gap:12px}.card{border-radius:22px;min-height:146px;padding:18px}.app-icon-wrap{width:56px;height:56px;margin-bottom:18px}.app-icon,.app-icon-fallback{border-radius:12px;width:54px;height:54px}.admin-zone{border-radius:26px;margin-top:36px;padding:18px}.footer{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}