:root{--primary:#0056b3;--primary-glow:#0056b366;--secondary:#00a8cc;--bg:#f8faff;--card-bg:#fff;--text:#333;--text-light:#666;--border:#e1e8f0;--shadow:0 10px 30px #0000000d;--shadow-hover:0 20px 40px #0000001a;--accent:#ff6b6b}body{background-color:var(--bg);color:var(--text);margin:0;padding:0;font-family:Noto Sans KR,sans-serif;line-height:1.6}#root{width:100%}*{box-sizing:border-box;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3{color:#1a1a1a;font-weight:700}section{padding:100px 0}@media (width<=768px){section{padding:60px 0}}.btn{cursor:pointer;border:none;border-radius:50px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-glow);background:#004494;transform:translateY(-2px)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border);background:#ffffffe6;align-items:center;height:80px;display:flex;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--primary);font-size:1.5rem;font-weight:800;text-decoration:none}.menu{gap:30px;list-style:none;display:flex}.menu a{color:var(--text);font-weight:500;text-decoration:none;transition:color .3s}.menu a:hover{color:var(--primary)}.settings-btn{cursor:pointer;color:var(--text-light);background:0 0;border:none;align-items:center;transition:transform .3s;display:flex}.settings-btn:hover{color:var(--primary);transform:rotate(45deg)}.hero{text-align:left;background:linear-gradient(135deg,#fff 0%,#eef5ff 100%);align-items:center;min-height:80vh;display:flex}.hero-content{max-width:650px}.hero h1{margin-bottom:24px;font-size:3.5rem;line-height:1.2}.hero p{color:var(--text-light);margin-bottom:40px;font-size:1.25rem}.hero-btns{gap:15px;display:flex}@media (width<=768px){.hero h1{font-size:2.5rem}.hero-btns{flex-direction:column}}.card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:20px;padding:40px;transition:all .3s}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)}.grid-3{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (width<=992px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-3{grid-template-columns:1fr}}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:20px;width:90%;max-width:500px;padding:40px;position:relative}.modal-close{cursor:pointer;position:absolute;top:20px;right:20px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-weight:500;display:block}.form-group input,.form-group textarea{border:1px solid var(--border);border-radius:10px;width:100%;padding:12px;font-size:1rem}.footer{color:#fff;background:#1a1a1a;padding:80px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:50px;margin-bottom:50px;display:grid}.footer h3{color:#fff;margin-bottom:20px}.footer p{color:#999;margin-bottom:10px}.footer-bottom{text-align:center;color:#666;border-top:1px solid #333;padding-top:30px;font-size:.9rem}@media (width<=768px){.footer-grid{grid-template-columns:1fr}}