:root{--primary-color:#deff9a;--bg-color:#0f172a;--text-color:#f8fafc;--card-bg:#1e293b;--sans:"Noto Sans KR", sans-serif}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.6;font-family:var(--sans);margin:0;padding:0}#root{text-align:left;border-inline:none;width:100%;max-width:100%;min-height:100svh;margin:0}:root{--primary-color:#deff9a;--bg-color:#0f172a;--text-color:#f8fafc;--card-bg:#1e293b}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;line-height:1.6}.header{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.header h1{word-break:keep-all;margin-bottom:20px;font-size:4rem}.header h1 span{color:var(--primary-color)}.subtitle{color:#cbd5e1;margin-bottom:40px;font-size:1.5rem}.author{border-top:1px solid #475569;padding-top:20px;font-size:1.2rem;font-weight:300}.container{max-width:1000px;margin:0 auto;padding:80px 20px}section{margin-bottom:100px}h2{color:var(--primary-color);border-bottom:2px solid var(--primary-color);margin-bottom:30px;padding-bottom:10px;font-size:2.5rem;display:inline-block}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.card{background:var(--card-bg);border-left:4px solid var(--primary-color);border-radius:12px;padding:30px;transition:transform .3s;box-shadow:0 4px 6px #0000004d}.card:hover{transform:translateY(-5px)}.card h3{color:#fff;margin-bottom:15px;font-size:1.5rem}.card p,.card ul{color:#cbd5e1;font-size:1.1rem}.card ul{margin-top:10px;margin-left:20px}table{border-collapse:collapse;background:var(--card-bg);border-radius:8px;width:100%;margin-top:20px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #334155;padding:15px}th{color:var(--primary-color);background:#334155;font-weight:700}footer{text-align:center;color:#64748b;background:#0b1120;padding:40px}@media (width<=768px){.header h1{font-size:2.5rem}}