:root { --ink:#eef5ff; --muted:#afbed7; --space:#060b1e; --space2:#171342; --line:rgba(174,202,255,.2); --glass:rgba(18,27,72,.64); --cyan:#4bdcff; --violet:#a88cff; --sun:#ffd33d; }
* { box-sizing:border-box; }
html { background:var(--space); scroll-behavior:smooth; }
body { margin:0; color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; line-height:1.65; background:radial-gradient(circle at 85% 8%,rgba(126,84,255,.34),transparent 28rem),radial-gradient(circle at 10% 24%,rgba(15,175,255,.16),transparent 30rem),linear-gradient(145deg,#060b1e,#1a164a 58%,#2a1263); }
a { color:inherit; } .site { width:min(1120px,calc(100% - 36px)); margin:auto; padding:18px 0 72px; }.nav { position:sticky; top:12px; z-index:2; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:10px 13px; border:1px solid var(--line); border-radius:21px; background:rgba(9,15,45,.73); backdrop-filter:blur(18px); }.brand { display:flex; align-items:center; gap:10px; font-weight:900; text-decoration:none; }.brand-icon { width:40px; height:40px; border-radius:12px; }.nav-links { display:flex; flex-wrap:wrap; gap:7px; }.nav-links a { padding:7px 12px; border:1px solid var(--line); border-radius:999px; color:var(--muted); text-decoration:none; font-size:14px; font-weight:750; }.hero,.page-hero,.section { border:1px solid var(--line); border-radius:30px; background:var(--glass); box-shadow:0 22px 60px rgba(0,0,0,.22); }.hero { display:grid; grid-template-columns:1.03fr .97fr; overflow:hidden; margin-top:20px; min-height:480px; }.hero-copy { padding:clamp(30px,6vw,70px); }.eyebrow { margin:0; color:var(--cyan); font-size:13px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }.eyebrow.dark { color:#647ac5; } h1 { margin:10px 0 16px; font-size:clamp(42px,6vw,76px); line-height:1.03; letter-spacing:-.045em; } h2 { margin:0 0 12px; font-size:clamp(26px,3vw,40px); line-height:1.16; letter-spacing:-.025em; } h3 { margin:8px 0; font-size:19px; }.lead,.page-hero p { color:#d8e3f5; font-size:clamp(17px,2vw,21px); }.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }.button { min-height:46px; padding:12px 17px; border-radius:999px; text-decoration:none; font-weight:900; }.primary { color:#07112e; background:linear-gradient(120deg,var(--sun),#ffad44); }.secondary { border:1px solid rgba(255,255,255,.32); }.launch-note { color:var(--muted); font-size:13px; }.orbit-visual { position:relative; min-height:420px; overflow:hidden; background:radial-gradient(circle at 44% 52%,rgba(255,189,45,.14),transparent 12rem),linear-gradient(145deg,#071635,#171047); }.orbit { position:absolute; border:1px dashed rgba(93,211,255,.6); border-radius:50%; }.orbit-1 { width:180px;height:180px;left:22%;top:29%; }.orbit-2 { width:300px;height:300px;left:5%;top:15%; }.orbit-3 { width:420px;height:420px;left:-8%;top:3%; }.sun,.planet { position:absolute; border-radius:50%; }.sun { width:82px;height:82px;left:32%;top:40%; background:var(--sun); box-shadow:0 0 38px rgba(255,194,44,.85); }.planet.earth { width:38px;height:38px;left:60%;top:46%; background:linear-gradient(135deg,#42e5ff,#2156db 64%,#47c979); }.planet.mars { width:24px;height:24px;left:15%;top:67%; background:#fb6347; }.planet.saturn { width:64px;height:24px;right:9%;top:24%; border:4px solid #e5ad48; background:transparent; transform:rotate(-22deg); box-shadow:0 0 10px rgba(255,205,105,.22); }.planet.saturn::after { content:""; position:absolute; left:50%;top:50%; width:30px;height:30px; border-radius:50%; background:linear-gradient(135deg,#ffe28c,#d89432); box-shadow:inset -5px -2px 0 rgba(126,70,21,.18); transform:translate(-50%,-50%); }.orbit-visual img { position:absolute; right:8%;bottom:8%; width:132px;border-radius:30px;box-shadow:0 20px 40px rgba(0,0,0,.4); }.section { margin-top:18px; padding:clamp(24px,5vw,48px); background:rgba(238,246,255,.96); color:#101b43; }.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:24px; }.card { padding:20px; border:1px solid #d7e0f3; border-radius:20px; background:linear-gradient(160deg,#fff,#edf4ff); }.card p,.steps span,.hint { color:#586784; }.card-icon { color:#147bb2; font-size:30px; }.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:0; list-style:none; counter-reset:step; }.steps li { padding:20px; border-radius:18px; background:#eff3ff; }.steps li::before { counter-increment:step; content:counter(step); display:grid; place-items:center; width:30px;height:30px; margin-bottom:12px; border-radius:50%; color:white; background:#5144ad; font-weight:900; }.steps strong,.steps span { display:block; }.privacy-note { color:var(--ink); background:linear-gradient(135deg,#153a68,#362674); }.privacy-note p { max-width:760px; color:#d6e6ff; }.page-hero { display:flex; align-items:center; gap:22px; margin-top:20px; padding:clamp(24px,5vw,52px); }.page-hero img { width:112px; height:112px; border-radius:27px; }.support-card p { max-width:760px; }.email-link { color:#035ac5; font-weight:900; }.faq details { padding:17px 0; border-top:1px solid #d7e0f3; }.faq summary { cursor:pointer; font-weight:850; }.faq p { color:#586784; }.footer { margin:28px 0 0; color:var(--muted); font-size:14px; text-align:center; }.footer a { color:var(--cyan); font-weight:800; }
@media(max-width:760px){.site{width:min(100% - 26px,1120px);padding-top:13px}.nav{position:static;align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.hero-copy{padding:34px 25px}.orbit-visual{min-height:300px}.feature-grid,.steps{grid-template-columns:1fr}.page-hero{align-items:flex-start}.page-hero img{width:68px;height:68px;border-radius:18px}h1{font-size:48px}}