#portal{position:relative;min-height:100vh;min-height:100dvh;padding:clamp(3.5rem,12vh,7.5rem) 1.25rem 4rem;max-width:1000px;margin:0 auto}#portal:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(560px circle at var(--portal-mx, 50%) var(--portal-my, 20%),rgba(217,163,92,.07),transparent 60%);pointer-events:none;z-index:0}.portal-hero{position:relative;z-index:1;text-align:center;margin-bottom:clamp(3.2rem,9vh,5rem)}.portal-title{font-size:clamp(2.3rem,7.5vw,3.9rem)!important;font-weight:600!important;letter-spacing:-.01em;color:var(--fg)!important;margin-bottom:.7rem;display:inline-block;position:relative}.portal-title-glow{position:relative;display:inline-block}.portal-title-glow:after{content:"";position:absolute;left:0;bottom:-.15em;height:3px;width:100%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);background-size:200% 100%;animation:title-underline-grow 1s cubic-bezier(.16,1,.3,1) .2s both,title-underline-shimmer 4s linear infinite 1.2s}.portal-role{margin-top:1.1rem;color:var(--fg-dim);font-size:clamp(.92rem,2.3vw,1.08rem);max-width:32rem;margin-left:auto;margin-right:auto;line-height:1.5}.portal-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;margin-top:1.5rem}.portal-cta{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:.9rem;font-weight:600;text-decoration:none;border-radius:999px;padding:.65rem 1.4rem;transition:transform .15s ease,border-color .2s ease,background .2s ease,color .2s ease}.portal-cta-primary{color:#1a1408;background:linear-gradient(135deg,var(--accent),#ffe066)}.portal-cta-primary:hover,.portal-cta-primary:focus-visible{transform:translateY(-1px)}.portal-cta-secondary{color:var(--fg-dim);border:1px solid var(--line-strong);background:transparent}.portal-cta-secondary:hover,.portal-cta-secondary:focus-visible{border-color:var(--accent);color:var(--accent)}@keyframes title-underline-grow{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes title-underline-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.portal-joke{position:relative;z-index:1;max-width:32rem;margin:0 auto clamp(3.2rem,8vh,4.5rem);text-align:center}.portal-joke-head{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-size:.65rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:.95rem}.portal-joke-head .icon{color:var(--accent)}.portal-joke-text{min-height:3.2em;display:flex;align-items:center;justify-content:center;padding:0 .2rem}.portal-joke-quote{position:relative;display:inline;font-family:var(--font-display);font-size:clamp(1rem,2.3vw,1.15rem);font-weight:500;color:var(--fg);line-height:1.55;animation:joke-in .45s cubic-bezier(.16,1,.3,1) both}.portal-joke-quote:before,.portal-joke-quote:after{font-size:1.3em;color:var(--accent);opacity:.55}.portal-joke-quote:before{content:"“";margin-right:.08em}.portal-joke-quote:after{content:"”";margin-left:.08em}@keyframes joke-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.portal-joke-quote{animation:none}}.portal-feature{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:26rem;margin:0 auto clamp(3.5rem,9vh,5rem);padding:.5rem;text-decoration:none;color:inherit}.portal-feature-title{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:clamp(1.5rem,4.2vw,1.9rem);font-weight:600;color:var(--fg);transition:color .25s ease}.portal-feature:hover .portal-feature-title,.portal-feature:focus-visible .portal-feature-title{color:var(--accent)}.portal-feature-ornament{color:var(--accent);font-size:.55em;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.portal-feature:hover .portal-feature-ornament,.portal-feature:focus-visible .portal-feature-ornament{transform:scale(1.4) rotate(90deg)}.portal-feature-desc{font-size:.88rem;color:var(--fg-dim);line-height:1.55}.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem}@media (min-width: 640px){.portal-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.1rem}}.portal-card{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding:1.15rem 1.1rem;min-height:44px;background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius-md);text-decoration:none;color:var(--fg);overflow:hidden;transform:perspective(700px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .15s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.portal-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(220px circle at var(--mx) var(--my),var(--accent-glow),transparent 65%);opacity:0;transition:opacity .25s ease;pointer-events:none}.portal-card:hover,.portal-card:focus-visible{border-color:var(--line-strong);background:var(--surface-hover);box-shadow:0 14px 36px -14px #0000008c}.portal-card:hover:before,.portal-card:focus-visible:before{opacity:.6}.portal-card .icon{color:var(--accent);transition:transform .2s ease}.portal-card:hover .icon{transform:scale(1.12)}.portal-card-label{font-family:var(--font-display);font-weight:600;font-size:1rem;letter-spacing:.01em}.portal-card-desc{font-size:.8rem;color:var(--fg-dim);line-height:1.4}.portal-card-badge{position:absolute;top:.8rem;right:.8rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:#1a1408;background:linear-gradient(135deg,var(--accent),#ffe066);padding:2px 8px;border-radius:999px}.portal-featured{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:clamp(2rem,5vh,2.8rem)}@media (min-width: 640px){.portal-featured{grid-template-columns:1fr 1fr}}.portal-card.featured{padding:1.6rem 1.5rem;gap:.8rem;border-color:var(--line-strong);background:linear-gradient(155deg,rgba(217,163,92,.08),var(--surface) 60%)}.portal-card.featured .icon{color:var(--accent);animation:icon-breathe 3s ease-in-out infinite}@keyframes icon-breathe{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 8px var(--accent-glow))}}.portal-card.featured .portal-card-label{font-size:1.25rem}.portal-card.featured .portal-card-desc{font-size:.86rem;line-height:1.55}.portal-showcase{position:relative;z-index:1;margin-bottom:clamp(3.2rem,8vh,4.5rem)}.portal-showcase-label{font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:.9rem;text-align:center}.portal-more-toggle{display:flex;margin:1.1rem auto 0;align-items:center;gap:.4rem;color:var(--fg-dim);background:transparent;text-decoration:none;font-size:.8rem;font-family:var(--font-display);letter-spacing:.02em;border:1px solid var(--line-strong);border-radius:999px;padding:.5rem 1.1rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.portal-more-toggle:hover,.portal-more-toggle:focus-visible{border-color:var(--accent);color:var(--accent)}.portal-more-grid{margin-top:1.1rem}.portal-footer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-top:clamp(1.8rem,5vh,3rem)}#identity{display:block;text-align:center;font-size:.72rem;opacity:.4;color:var(--fg)!important}@media (prefers-reduced-motion: reduce){.portal-title-glow:after,.portal-card.featured .icon{animation:none}}