*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0f1e;--bg2:#111827;--border:#ffffff14;--border-hi:#ffffff2e;--text:#f0f4ff;--muted:#f0f4ff80;--dim:#f0f4ff40;--blue:#3b82f6;--blue-glow:#3b82f62e;--teal:#14b8a6;--teal-glow:#14b8a62e}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Noto Sans KR,sans-serif;overflow-x:hidden}header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0f1ed9;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.h-brand{color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.h-logo-box{background:var(--blue);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.h-logo-box svg{fill:#fff;width:16px;height:16px}.h-badge{letter-spacing:.05em;color:var(--blue);background:#3b82f626;border:1px solid #3b82f64d;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.hero{z-index:1;text-align:center;padding:160px 40px 80px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#3b82f61f 0%,#0000 70%);width:700px;height:400px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.hero-kicker{letter-spacing:.12em;color:var(--blue);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:28px;font-size:12px;font-weight:500;display:inline-flex}.hero-kicker:before,.hero-kicker:after{content:"";opacity:.5;background:currentColor;width:20px;height:1px;display:block}.hero-title{letter-spacing:-.02em;margin-bottom:22px;font-size:clamp(34px,5.5vw,58px);font-weight:700;line-height:1.15}.hero-title .hl{color:var(--blue)}.hero-sub{color:var(--muted);max-width:500px;margin:0 auto 56px;font-size:15px;font-weight:300;line-height:1.8}.scroll-hint{letter-spacing:.1em;color:var(--dim);text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:11px;animation:2s infinite bounce;display:flex}.scroll-hint svg{width:16px;height:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.portals{z-index:1;grid-template-columns:1fr 1fr;gap:20px;max-width:1040px;margin:0 auto;padding:60px 40px 100px;display:grid;position:relative}.portal-card{background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;padding:40px 36px;text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.portal-card:hover{border-color:var(--border-hi);transform:translateY(-4px)}.blue-card:hover{box-shadow:0 0 48px var(--blue-glow), 0 20px 40px #0006;border-color:#3b82f666}.teal-card:hover{box-shadow:0 0 48px var(--teal-glow), 0 20px 40px #0006;border-color:#14b8a666}.portal-card:before{content:"";opacity:0;border-radius:16px 16px 0 0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.blue-card:before{background:var(--blue)}.teal-card:before{background:var(--teal)}.portal-card:hover:before{opacity:1}.p-num{color:#ffffff08;pointer-events:none;font-size:100px;font-weight:700;line-height:1;transition:color .3s;position:absolute;top:16px;right:24px}.portal-card:hover .p-num{color:#ffffff0e}.p-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex}.blue-card .p-icon{background:#3b82f626}.teal-card .p-icon{background:#14b8a626}.p-icon svg{width:24px;height:24px}.blue-card .p-icon svg{stroke:#60a5fa}.teal-card .p-icon svg{stroke:#2dd4bf}.p-tag{letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:500}.blue-card .p-tag{color:#60a5fa}.teal-card .p-tag{color:#2dd4bf}.p-title{color:var(--text);margin-bottom:14px;font-size:22px;font-weight:700;line-height:1.3}.p-desc{color:var(--muted);flex:1;margin-bottom:32px;font-size:14px;font-weight:300;line-height:1.75}.p-features{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.p-feat{color:var(--dim);border:1px solid var(--border);background:#ffffff0a;border-radius:20px;padding:4px 12px;font-size:11px}.p-cta{align-items:center;gap:10px;font-size:13px;font-weight:500;transition:gap .2s;display:flex}.portal-card:hover .p-cta{gap:14px}.blue-card .p-cta{color:#60a5fa}.teal-card .p-cta{color:#2dd4bf}.p-arrow{opacity:.7;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,transform .2s;display:flex}.portal-card:hover .p-arrow{opacity:1;transform:translate(3px)}.p-arrow svg{width:12px;height:12px}.info-strip{z-index:1;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px;margin:0 auto;padding:0 40px 80px;display:grid;position:relative}.info-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px 28px}.info-card-label{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:8px;font-size:11px;font-weight:500}.info-card-val{color:var(--text);font-size:20px;font-weight:700}footer{z-index:1;border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:28px 40px;display:flex;position:relative}.ft-left{color:var(--dim);font-size:12px}.ft-links{gap:24px;display:flex}.ft-links a{color:var(--dim);font-size:12px;text-decoration:none;transition:color .2s}.ft-links a:hover{color:var(--muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){header{padding:0 20px}.hero{padding:130px 20px 60px}.portals,.info-strip{grid-template-columns:1fr;padding:0 20px 60px}footer{flex-direction:column;gap:16px;padding:24px 20px}.ft-links{flex-wrap:wrap;justify-content:center}}