:root{color:#3f3450;background:linear-gradient(#fffafc 0%,#fff6fb 100%);font-family:Pretendard,Noto Sans KR,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#3f3450;background:linear-gradient(#fffafc 0%,#fff6fb 100%)}button{font:inherit;cursor:pointer;border:none}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:24px}.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #aa8cbe2e;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:0 auto 28px;padding:18px 22px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-logo{object-fit:contain;background:#fff;border-radius:14px;width:52px;height:52px;padding:6px;box-shadow:0 8px 18px #825c9b1f}.brand h1{margin:0;font-size:22px}.brand p{color:#8d799c;margin:2px 0 0;font-size:13px}.top-nav{color:#6f5b80;gap:18px;font-size:14px;display:flex}main{max-width:1240px;margin:0 auto}.hero-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;min-height:560px;display:grid}.hero-left,.hero-right{border-radius:32px}.hero-badge{color:#8f67ac;background:#f7ebff;border-radius:999px;margin-bottom:18px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero-left h2{letter-spacing:-.03em;margin:0;font-size:54px;line-height:1.08}.hero-description{color:#72617f;max-width:560px;margin:20px 0 0;font-size:17px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#a86fe1 0%,#e48dc8 100%);border-radius:18px;padding:16px 22px;font-weight:700;box-shadow:0 18px 30px #a86fe147}.secondary-btn{color:#6f5b80;background:#fff;border:1px solid #aa8cbe3d;border-radius:18px;padding:16px 22px;font-weight:700}.hero-tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-tags span{color:#7f6b8c;background:#fffc;border:1px solid #aa8cbe29;border-radius:999px;padding:10px 14px;font-size:13px}.hero-right{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.hero-card{background:radial-gradient(circle at top,#fffdfd 0%,#f8edff 50%,#f5e4f1 100%);border:1px solid #aa8cbe2e;border-radius:34px;width:100%;max-width:500px;min-height:460px;padding:24px;position:relative;overflow:hidden;box-shadow:0 30px 60px #78589226}.glow-circle{background:radial-gradient(circle,#fffffff2 0%,#efdbff26 65%,#0000 100%);border-radius:999px;width:220px;height:220px;position:absolute;top:24px;right:24px}.card-content{z-index:1;flex-direction:column;justify-content:flex-end;min-height:100%;display:flex;position:relative}.card-label{color:#9b82ad;font-size:13px;font-weight:700}.card-title{color:#5d4872;margin-top:10px;font-size:42px;font-weight:800}.card-content p{color:#725f81;margin:14px 0 0;font-size:16px}.floating-mini-card{background:#ffffffeb;border:1px solid #aa8cbe29;border-radius:20px;padding:16px 18px;position:absolute;bottom:26px;left:8px;box-shadow:0 18px 28px #61497524}.floating-mini-card strong{font-size:14px;display:block}.floating-mini-card span{color:#8d799c;margin-top:4px;font-size:12px;display:block}.section{background:#fffc;border:1px solid #aa8cbe29;border-radius:32px;margin-top:34px;padding:30px;box-shadow:0 18px 36px #78589214}.section-head span{color:#a27abf;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;display:inline-block}.section-head h3{margin:10px 0 0;font-size:30px}.reading-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;display:grid}.feature-card{background:linear-gradient(#fff 0%,#fff8fd 100%);border:1px solid #aa8cbe24;border-radius:24px;padding:22px}.feature-icon{font-size:28px}.feature-card h4{margin:14px 0 8px;font-size:20px}.feature-card p{color:#766786;min-height:66px;margin:0;font-size:14px}.feature-card button{color:#7b5e95;background:#f4ecfb;border-radius:14px;margin-top:18px;padding:12px 16px;font-weight:700}.roadmap-panel{margin-top:24px}.roadmap-summary{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.summary-box{background:linear-gradient(#fff 0%,#fcf5ff 100%);border:1px solid #aa8cbe24;border-radius:20px;padding:18px}.summary-box strong{color:#8a7599;font-size:13px;display:block}.summary-box span{margin-top:8px;font-size:20px;font-weight:800;display:block}.roadmap-list{gap:12px;margin-top:18px;display:grid}.roadmap-item{background:#fff;border:1px solid #aa8cbe1f;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex}.status-dot{border-radius:999px;flex:none;width:12px;height:12px}.status-dot.done{background:#65c18c}.status-dot.progress{background:#5d8bff}.status-dot.todo{background:#d5bfdc}.roadmap-texts strong{font-size:15px;display:block}.roadmap-texts span{color:#8d799c;margin-top:2px;font-size:12px;display:block}@media (width<=980px){.hero-section,.reading-grid,.roadmap-summary{grid-template-columns:1fr}.site-header{flex-direction:column;align-items:flex-start}.hero-left h2{font-size:38px}.hero-right{min-height:380px}}@media (width<=640px){.app-shell{padding:16px}.section,.site-header{padding:20px}.hero-left h2{font-size:32px}.top-nav{flex-wrap:wrap;gap:12px;font-size:13px}.hero-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}