:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#08111e;--foreground:#edf3fb;--muted:#9aa9bc;--panel:#0a1220bd;--panel-strong:#0c1424eb;--accent:#72f0c6;--accent-2:#74a7ff;--border:#94a3b833}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #74a7ff2e, transparent 38%), radial-gradient(circle at bottom right, #72f0c629, transparent 34%), var(--background);color:var(--foreground);font-family:Avenir Next,Segoe UI,Noto Sans KR,sans-serif}.page{min-height:100vh;padding:28px;display:flex;position:relative;overflow:hidden}.bg{z-index:-1;position:absolute;inset:0}.bg-orb{filter:blur(24px);border-radius:999px;animation:14s ease-in-out infinite drift;position:absolute}.bg-orb-a{background:#72f0c62e;width:26rem;height:26rem;top:-5rem;left:-6rem}.bg-orb-b{background:#74a7ff24;width:30rem;height:30rem;animation-delay:-6s;bottom:-7rem;right:-8rem}.bg-grid{opacity:.22;background-image:linear-gradient(#94a3b824 1px,#0000 1px),linear-gradient(90deg,#94a3b824 1px,#0000 1px);background-size:72px 72px;animation:26s linear infinite pan;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 88%);mask-image:radial-gradient(circle,#000 30%,#0000 88%)}.hero{grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);align-items:center;gap:24px;width:100%;max-width:1180px;margin:0 auto;display:grid}.hero-copy,.hero-panel{animation:.7s both rise;position:relative}.hero-panel{animation-delay:.12s}.hero-copy{padding:16px 6px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:700}h1{word-break:keep-all;line-break:strict;overflow-wrap:break-word;max-width:10ch;margin:0;font-size:clamp(42px,6vw,82px);line-height:.98}.description{color:var(--muted);word-break:keep-all;line-break:strict;overflow-wrap:break-word;max-width:62ch;margin:22px 0 0;font-size:18px;line-height:1.8}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.badge{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;min-width:154px;padding:14px 16px}.badge-label,.panel-label,.metric-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;display:block}.badge-value{word-break:keep-all;line-break:strict;overflow-wrap:break-word;margin-top:8px;font-size:16px;font-weight:700;display:block}.hero-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0e1728eb,#0a111ed6);border-radius:14px;width:100%;padding:22px;box-shadow:0 24px 70px #00000052}.panel-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-top h2{word-break:keep-all;line-break:strict;overflow-wrap:break-word;margin:8px 0 0;font-size:24px}.status{color:var(--foreground);align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.dot{background:#22c55e;border-radius:999px;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 6px #22c55e24}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.metric strong{word-break:keep-all;line-break:strict;overflow-wrap:break-word;margin-top:8px;font-size:18px;display:block}.panel-note{color:var(--muted);word-break:keep-all;line-break:strict;overflow-wrap:break-word;margin:18px 0 0;font-size:15px;line-height:1.7}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,-12px)scale(1.05)}}@keyframes pan{0%{transform:translate(0,0)}to{transform:translate(-72px,-72px)}}.hero-panel:before{content:"";border-radius:inherit;pointer-events:none;opacity:.85;background:linear-gradient(120deg,#72f0c614,#0000 28%,#74a7ff14);position:absolute;inset:0}.hero-panel>*{z-index:1;position:relative}.hero-panel:hover{transition:transform .18s;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.bg-orb,.bg-grid,.hero-copy,.hero-panel{animation:none}.hero-panel:hover{transition:none;transform:none}}@media (max-width:900px){.hero{grid-template-columns:1fr}h1{max-width:none}}@media (max-width:560px){.page,.hero-panel{padding:18px}.panel-top{flex-direction:column;align-items:stretch}.metric-grid{grid-template-columns:1fr}.description{font-size:16px}h1{max-width:none}.badge{width:100%;min-width:0}}