.portal{background:radial-gradient(ellipse 60% 50% at 15% 20%, #f471258c 0%, transparent 60%), radial-gradient(ellipse 50% 45% at 85% 15%, #e6410f80 0%, transparent 65%), radial-gradient(ellipse 55% 50% at 90% 85%, #fa9e428c 0%, transparent 60%), radial-gradient(ellipse 60% 55% at 10% 90%, #ef763973 0%, transparent 65%), radial-gradient(ellipse 45% 40% at 50% 50%, #f7933b4d 0%, transparent 70%), var(--metod-orange-soft);min-height:100vh;padding:var(--space-10) var(--space-8);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.portal:before,.portal:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.portal:before{background:#f2460d73;width:600px;height:600px;top:-15%;left:-10%}.portal:after{background:#faad4273;width:650px;height:650px;bottom:-15%;right:-10%}.portal__inner{z-index:1;align-items:flex-start;gap:var(--space-10);flex-direction:column;width:100%;max-width:960px;display:flex;position:relative}.portal__topbar{justify-content:space-between;align-items:center;gap:var(--space-6);width:100%;display:flex}.portal__brand{color:var(--metod-ink);text-decoration:none;display:block}.portal__logo{fill:currentColor;width:auto;height:36px;display:block}.portal__nav{align-items:center;gap:var(--space-2);display:inline-flex}.portal__nav a{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-eyebrow);text-transform:uppercase;letter-spacing:.14em;color:var(--metod-ink);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.portal__nav a:hover{color:var(--metod-ink);background:#0a0a0a0f}.portal__title{font-family:var(--font-display);font-weight:500;font-size:var(--font-size-h1);letter-spacing:-.02em;color:var(--metod-ink);margin:0;line-height:1.05}.portal__grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);width:100%;display:grid}.portal-card{background:var(--metod-paper);border:1px solid var(--metod-mist);border-radius:var(--radius-md);padding:var(--space-6) var(--space-6) var(--space-5);gap:var(--space-3);color:var(--metod-ink);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-direction:column;min-height:180px;text-decoration:none;display:flex;position:relative}.portal-card:hover{border-color:var(--metod-ink);background:var(--metod-paper);transform:translateY(-2px)}.portal-card__icon{border-radius:var(--radius-sm);background:var(--metod-mist);width:44px;height:44px;color:var(--metod-ink);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.portal-card__icon svg{width:22px;height:22px}.portal-card:hover .portal-card__icon{background:var(--metod-orange-soft);color:var(--metod-orange-deep)}.portal-card__role{font-family:var(--font-display);letter-spacing:-.01em;color:var(--metod-ink);font-size:22px;font-weight:500}.portal-card__desc{font-size:var(--font-size-body);color:var(--metod-ash);flex:1;line-height:1.45}.portal-card__cta{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-eyebrow);text-transform:uppercase;letter-spacing:.12em;color:var(--metod-ash);transition:color var(--duration-fast) var(--ease-out);font-weight:500;display:inline-flex}.portal-card__cta svg{transition:transform var(--duration-fast) var(--ease-out)}.portal-card:hover .portal-card__cta{color:var(--metod-orange)}.portal-card:hover .portal-card__cta svg{transform:translate(3px)}.portal__footer{font-family:var(--font-mono);font-size:var(--font-size-eyebrow);color:var(--metod-stone);letter-spacing:.08em;text-transform:uppercase;margin:0}@media (max-width:720px){.portal__grid{grid-template-columns:1fr}.portal__inner{gap:var(--space-8)}.portal__topbar{flex-direction:row}.portal__title{font-size:36px}}