*{box-sizing:border-box}html,body{color:#e5e7eb;background:#0b1220;margin:0;padding:0;font-family:Arial,Noto Sans KR,Noto Sans JP,Noto Sans SC,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.page-shell{background:radial-gradient(circle at 0 0,#3b82f62e,#0000 25%),radial-gradient(circle at 100% 0,#10b98124,#0000 25%),linear-gradient(#0b1220 0%,#111827 100%);min-height:100vh}.container{width:min(1200px,100% - 32px);margin:0 auto}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #ffffff14;padding:24px 0}.brand{align-items:center;gap:14px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#2563eb,#10b981);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:flex;box-shadow:0 12px 30px #2563eb59}.hero{grid-template-columns:1.5fr .9fr;gap:24px;padding:42px 0 28px;display:grid}.card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:24px;box-shadow:0 18px 50px #00000040}.hero-main{padding:28px}.hero-main h1{color:#fff;margin:0 0 16px;font-size:clamp(30px,5vw,56px);line-height:1.08}.hero-main p{color:#cbd5e1;margin:0;font-size:18px;line-height:1.7}.hero-side{padding:22px}.meta-badge{color:#dbeafe;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:9px 14px;font-size:14px;display:inline-flex}.section{padding:10px 0 28px}.section-title{color:#fff;margin:0 0 18px;font-size:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.block{padding:22px}.block h2,.block h3{color:#fff;margin:0 0 12px}.block p,.block li{color:#d1d5db;line-height:1.75}.rich-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.item-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:18px}.item-card strong{color:#fff;margin-bottom:8px;font-size:17px;display:block}.footer{color:#94a3b8;padding:30px 0 50px;font-size:14px}.top-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.top-link{color:#e5e7eb;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:14px 16px}@media (max-width:900px){.hero,.grid,.top-links{grid-template-columns:1fr}}