#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}@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-tagline{color:var(--fg-dim);font-size:clamp(.9rem,2.2vw,1.05rem);max-width:34rem;margin:0 auto;min-height:1.4em;animation:tagline-in .5s ease both}@keyframes tagline-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.portal-terminal{font-family:SF Mono,Menlo,Consolas,monospace;font-size:clamp(.84rem,2vw,.98rem);line-height:1.6}.portal-prompt{color:var(--accent)}.portal-caret{display:inline-block;width:.5em;height:1em;margin-left:.05em;background:var(--accent);animation:caret-blink 1s step-end infinite;vertical-align:text-bottom}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion: reduce){.portal-caret{animation:none}}.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-section{position:relative;z-index:1;margin-bottom:clamp(1.6rem,4vh,2.2rem)}.portal-section-title{font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:.7rem;text-align:left}.portal-wip{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.1rem;margin:0 0 clamp(1.6rem,4vh,2.2rem)}.portal-wip-toggle{display:inline-flex;align-items:center;gap:.4rem;color:var(--fg-faint);background:transparent;text-decoration:none;font-size:.72rem;font-family:var(--font-display);letter-spacing:.04em;border:1px dashed var(--line);border-radius:999px;padding:.4rem .9rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.portal-wip-toggle:hover,.portal-wip-toggle:focus-visible{border-color:var(--accent);color:var(--accent)}.portal-wip>.portal-section{width:100%}.portal-footer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-top:clamp(1.8rem,5vh,3rem)}.portal-about-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--fg-dim);text-decoration:none;font-size:.82rem;border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem;transition:border-color .15s ease,color .15s ease}.portal-about-link:hover{border-color:var(--accent);color:var(--accent)}#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}}