@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}.portal-shell{min-height:100svh;position:relative;overflow:hidden}.portal-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 14%,#f65f2b2e,#0000 35%),radial-gradient(circle at 82% 80%,#0f8c8d24,#0000 30%);position:absolute;inset:0}.portal-container{z-index:1;width:min(1120px,100% - 32px);margin:0 auto;padding:112px 0 28px;position:relative}.portal-header{z-index:4;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;top:10px;left:12px}.brand-logo{object-fit:contain;width:clamp(120px,14vw,170px);height:auto}.bg-orb{filter:blur(2px);opacity:.9;pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite alternate drift;position:absolute}.orb-a{background:radial-gradient(circle at 35% 35%,#ffd16c 0%,#f65f2b 70%,#0000 72%);width:330px;height:330px;top:-120px;right:-80px}.orb-b{background:radial-gradient(circle at 35% 35%,#73e0db 0%,#0f8c8d 70%,#0000 72%);width:280px;height:280px;animation-delay:.8s;bottom:-130px;left:-80px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.portal-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(144deg,#ffffffe0,#ffffff9e);border:1px solid #00000014;border-radius:22px;transition:transform .22s,box-shadow .22s}.portal-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px #28140024}.service-icon{color:#24333d;background:linear-gradient(150deg,#fff5eb,#e6fbfb);border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.reveal{opacity:0;animation:.56s forwards reveal;transform:translateY(14px)}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.32s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-14px,14px)}}@media (width<=900px){.portal-container{width:min(1120px,100% - 24px);padding-top:100px}.portal-header{top:8px;left:10px}.service-grid{grid-template-columns:1fr}.orb-a{top:-170px;right:-130px}.orb-b{left:-120px}}