@font-face{font-family:Pretendard;src:local("Pretendard");font-display:swap}
*{box-sizing:border-box}html{background:#ececef}body{margin:0;background:#ececef;color:#18181a;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:20;padding:12px 14px}.bar{width:max-content;max-width:calc(100vw - 28px);height:52px;margin:auto;padding:4px;display:flex;align-items:center;border-radius:999px;background:#101012;color:#f7f7f8}.logo{width:44px;height:44px;display:grid;place-items:center;border-radius:999px}.logo img{width:29px}nav{display:flex}nav a{height:40px;padding:0 14px;display:flex;align-items:center;border-radius:999px;font-size:13px;font-weight:600}nav a:hover{background:rgba(255,255,255,.1)}main{padding:0 10px 10px}.intro{min-height:520px;border-radius:42px;background:#f8f8f9;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 22px}.label{font-weight:600}.intro h1{margin:6px 0 14px;font-size:clamp(46px,6vw,80px);line-height:1.05;letter-spacing:-.035em}.intro>p:last-child{max-width:700px;margin:0;color:#6d6d72;font-size:19px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.portal-card{min-height:340px;padding:52px;border-radius:36px;background:#f8f8f9}.portal-card p{font-size:14px;font-weight:600}.portal-card h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.03em;margin:10px 0 18px}.portal-card span{color:#717177;line-height:1.6}.portal-card:nth-child(3n+1){background:#101012;color:#f7f7f8}.portal-card:nth-child(3n+1) span{color:#aaaab0}footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(20px,4vw,56px);font-size:12px;color:#6f6f74}@media(max-width:700px){.bar{height:48px}.logo{width:40px;height:40px}nav{overflow-x:auto;max-width:calc(100vw - 90px)}nav a{font-size:12px;padding:0 10px;white-space:nowrap}.intro{min-height:420px}.intro h1{font-size:clamp(40px,11vw,50px)}.grid{grid-template-columns:1fr}.portal-card{min-height:280px;padding:38px 28px}.portal-card h2{font-size:clamp(32px,9vw,42px)}}
:root{--multi-blue:#5f9fe9;--multi-blue-strong:#438ee5}
a,button{transition:background-color .3s cubic-bezier(.22,1,.36,1),color .3s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
.portal-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.portal-card:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(0,0,0,.07)}
.portal-card a:hover,nav a:hover{color:#fff}
a:focus-visible,button:focus-visible{outline:2px solid var(--multi-blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){a,button,.portal-card{transition-duration:.01ms!important}}