@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;600;800&display=swap";:root{--bg0:#0b0f14;--bg1:#0d1218;--bg2:#0e141b;--text:#f7f9ff;--muted:#c8d1df;--border:rgba(255,255,255,.12);--accent:#6ea2ff;--ok:#36d399;--wip:#ffd166;--todo:#7c8aa5;--sky1:#a8d6ff;--sky2:#5fb7ff;--blue1:#7aa8ff;--blue2:#3f73ff;--navy1:#5f7cff;--navy2:#283b7a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Noto Sans KR,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg1);overflow-x:hidden}.test-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70vw 60vh at 10% -15%,rgba(130,170,255,.12),transparent 60%),radial-gradient(70vw 60vh at 90% 110%,rgba(88,210,180,.1),transparent 60%),linear-gradient(180deg,var(--bg0) 0%,var(--bg2) 100%)}.test-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(120vw 90vh at 50% 55%,transparent 60%,rgba(0,0,0,.35) 100%)}.test-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative}.test-content{width:100%;max-width:1100px;padding:16px 18px 80px;position:relative;z-index:2}.test-content-wide{max-width:1160px}.test-hero{width:100%;max-width:1160px;padding:52px 18px 10px;position:relative;z-index:2}.test-hero-left{text-align:left}.test-hero-line{margin:0;font-size:2.48rem;font-weight:800;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.55),0 6px 24px rgba(0,0,0,.35)}.test-highlight{color:var(--accent)}.test-subtitle-left{margin:8px 0 0;color:#dbe3f2;font-size:.98rem;text-shadow:0 1px 0 rgba(0,0,0,.5)}.test-section{margin:20px 0 30px;position:relative;z-index:2}.test-section-title{margin:0 0 14px;font-size:1.06rem;font-weight:800;color:#eef3fb}.test-cta-row.wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.test-kpi-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:92px;padding:60px 24px;margin-top:.7rem;border-radius:.35rem;text-decoration:none;font-weight:700;letter-spacing:-.01em;font-size:1rem;color:#fff;background:radial-gradient(120% 120% at 20% 10%,rgba(255,255,255,.12),transparent 40%),radial-gradient(120% 120% at 80% 120%,rgba(255,255,255,.1),transparent 45%),var(--layer);border:.04rem solid rgba(255,255,255,.22);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff2e;transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;isolation:isolate}.test-kpi-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(120deg,var(--b1) 0%,rgba(255,255,255,.35) 45%,var(--b2) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.test-kpi-card:after{content:"";position:absolute;inset:-18px;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 50% 50%,color-mix(in srgb,var(--b1) 34%,transparent) 0%,color-mix(in srgb,var(--b2) 20%,transparent) 45%,transparent 72%);filter:blur(18px);opacity:.9;transition:opacity .25s ease,transform .25s ease}.test-kpi-card:hover{transform:translateY(-4px);box-shadow:0 26px 56px #00000073,inset 0 1px #ffffff38;filter:saturate(1.06)}.test-kpi-card:hover:after{opacity:1;transform:scale(1.02)}.kpi-sky{--b1: var(--sky1);--b2: var(--sky2);--layer: linear-gradient(180deg, #1b2433 0%, #141b27 100%)}.kpi-blue{--b1: var(--blue1);--b2: var(--blue2);--layer: linear-gradient(180deg, #171e2d 0%, #11182a 100%)}.kpi-navy{--b1: var(--navy1);--b2: var(--navy2);--layer: linear-gradient(180deg, #0f1626 0%, #0b1220 100%)}.test-roadmap{list-style:none;padding:0;margin:0;display:grid;gap:12px}.test-item{display:grid;grid-template-columns:26px 1fr;align-items:start;gap:12px;padding:14px 16px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--border);border-radius:16px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.test-item:hover{transform:translateY(-2px);border-color:#ffffff29;background:#ffffff0f}.test-item.done{--dot: var(--ok)}.test-item.wip{--dot: var(--wip)}.test-item.todo{--dot: var(--todo)}.test-bullet{position:relative;width:16px;height:16px;margin-top:4px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.95) 0 24%,var(--dot) 24% 55%,rgba(0,0,0,0) 56%);border:1px solid rgba(255,255,255,.28);box-shadow:0 2px 6px #00000059 inset;isolation:isolate}.test-bullet:after{content:"";position:absolute;inset:-10px;border-radius:50%;z-index:-1;background:radial-gradient(40px 40px at 50% 50%,color-mix(in srgb,var(--dot) 60%,transparent) 0%,color-mix(in srgb,var(--dot) 35%,transparent) 40%,transparent 72%);filter:blur(6px);opacity:.9;transition:transform .25s ease,opacity .25s ease}.test-item:hover .test-bullet:after{transform:scale(1.06);opacity:1}.test-label{color:#d6deea;font-size:.98rem;line-height:1.55;word-break:keep-all}.test-footer{width:100%;text-align:center;color:#8fa0b4;padding:30px 16px 44px;font-size:.9rem;border-top:1px solid rgba(255,255,255,.06);position:relative;z-index:2}@media(max-width:980px){.test-content,.test-hero{max-width:100%}}@media(max-width:860px){.test-cta-row.wide{grid-template-columns:1fr}.test-kpi-card{min-height:86px}}@media(max-width:560px){.test-hero-line{font-size:1.28rem}.test-label{font-size:.95rem}}.test-kpi-card{flex-direction:column;text-align:center}.test-project-title{font-size:1rem;font-weight:700;color:#fff}.test-project-sub{margin-top:6px;font-size:.9rem;font-weight:500;color:#fffc}.test-footer{width:100%;text-align:center;color:#8fa0b4;padding:32px 16px 44px;font-size:.9rem;border-top:1px solid rgba(255,255,255,.06);position:relative;z-index:2}.test-footer-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.test-footer-divider{opacity:.4;font-weight:400}.test-footer-mail{background:none;border:none;color:#9fb8ff;font:inherit;cursor:pointer;text-decoration:none;transition:color .15s ease;padding:0}.test-footer-mail:hover{color:#c4d4ff}.test-toast{position:fixed;bottom:70px;left:50%;transform:translate(-50%) translateY(20px);background:#ffffff1a;color:#e8eef6;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);padding:10px 18px;border-radius:14px;font-size:.9rem;letter-spacing:-.01em;box-shadow:0 8px 28px #00000040;opacity:0;animation:toastFade 1.8s ease forwards;z-index:999}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,30px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}