:root{--ink:#0b0b12;--ink-soft:#5b5a6e;--line:#e6e4f2;--surface:#ecedf3;--surface-soft:#f4f3fb;--brand:#817cdd;--brand-deep:#5a54c2;--brand-tint:#efeefb;--blue:#93a6f5;--lavender:#b3a8f0;--lilac:#d9b8ea;--drop:#6e6ce0;--white:#fff;--grad-hero:linear-gradient(180deg, #93a6f5 0%, #b3a8f0 48%, #d9b8ea 100%);--grad-card:linear-gradient(135deg, #93a6f5 0%, #b3a8f0 55%, #d9b8ea 100%);--grad-1:linear-gradient(170deg, #93a6f5 0%, #b3a8f0 55%, #d9b8ea 100%);--grad-2:linear-gradient(170deg, #a8b4f6 0%, #c4b2ef 55%, #d9b8ea 100%);--grad-3:linear-gradient(170deg, #8f9cf2 0%, #b3a8f0 50%, #cdb5ec 100%);--grad-4:linear-gradient(170deg, #b3a8f0 0%, #c9b4ee 50%, #ddbce9 100%);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--container:1160px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Manrope,Noto Sans KR,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.logo{letter-spacing:-.3px;font-family:Nunito,sans-serif;font-size:26px;font-weight:800}.container{max-width:var(--container);width:100%;margin:0 auto;padding:0 24px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 22px;font-size:15px;font-weight:700;transition:transform .15s,opacity .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--ink);color:var(--white)}.btn-white{background:var(--white);color:var(--ink)}.btn-ghost{background:var(--white);color:var(--ink);border:1px solid var(--line)}.btn-tint{background:var(--surface-soft);color:var(--brand-deep)}.btn-lg{height:58px;padding:0 30px;font-size:17px}.btn-sm{height:40px;padding:0 16px;font-size:13px}.chip{background:var(--brand-tint);color:var(--brand-deep);white-space:nowrap;border-radius:999px;align-items:center;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.chip-dark{background:var(--surface);color:var(--ink)}.chip-glass{color:var(--white);background:#ffffff4d;border:1px solid #ffffff80;padding:7px 12px}.pill-filter{border:1px solid var(--line);background:var(--white);height:38px;color:var(--ink);border-radius:999px;padding:0 16px;font-size:13px;font-weight:700}.pill-filter[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--white)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg)}.card-pad{padding:24px}.tile{border-radius:var(--radius-md);color:var(--white);justify-content:center;align-items:center;display:flex}.app-header{background:var(--white);border-bottom:1px solid var(--line)}.app-header .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:16px 24px;display:flex}.app-header .logo{color:var(--brand-deep)}.nav-pill{background:var(--surface-soft);border:1px solid var(--brand-tint);border-radius:999px;flex-wrap:wrap;align-items:center;gap:2px;padding:5px;font-size:14px;font-weight:700;display:flex}.nav-pill a{color:var(--ink);border-radius:999px;padding:11px 18px}.nav-pill a[aria-current=page]{background:var(--white);color:var(--brand-deep)}.nav-right{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--white);width:44px;height:44px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.avatar{background:var(--ink);width:44px;height:44px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:inline-flex}.hero{background:var(--grad-hero);border-radius:0 0 44px 44px;flex-direction:column;height:720px;padding:24px 24px 0;display:flex;position:relative;overflow:hidden}.hero-nav{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex;position:relative}.hero-nav .logo{color:var(--white)}.nav-glass{background:#ffffff47;border:1px solid #ffffff73;border-radius:999px;flex-wrap:wrap;align-items:center;gap:2px;padding:5px;font-size:14px;font-weight:700;display:flex}.nav-glass a{color:var(--white);border-radius:999px;padding:11px 18px}.nav-glass a[aria-current=page]{background:var(--white);color:var(--brand-deep)}.hero-body{z-index:1;flex-direction:column;flex:1;align-items:center;padding-top:64px;display:flex;position:relative}.hero-title{letter-spacing:.16em;color:var(--white);opacity:.6;padding-left:.16em;font-size:min(13vw,160px);font-weight:800;line-height:1}.hero-tagline{color:var(--white);opacity:.85;letter-spacing:.02em;text-align:center;margin-top:8px;font-size:20px;font-weight:500}.goo{pointer-events:none;filter:url(#hauly-goo);opacity:.55;position:absolute;inset:0}.drop{background:var(--drop);will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite;display:block;position:absolute}.zone-a{animation-name:swayA,wobble;animation-duration:12s,9s}.zone-b{animation-name:swayB,wobble;animation-duration:14s,11s}.zone-c{animation-name:swayC,wobble;animation-duration:11s,8s}@keyframes swayA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(36px,-24px)scale(1.08)}}@keyframes swayB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,28px)scale(.94)}}@keyframes swayC{0%,to{transform:translate(0)scale(1)}50%{transform:translate(22px,34px)scale(1.06)}}@keyframes wobble{0%,to{border-radius:52% 48% 55% 45%/48% 52% 45% 55%}33%{border-radius:42% 58% 40% 60%/60% 40% 62% 38%}66%{border-radius:60% 40% 58% 42%/38% 62% 40% 60%}}.ghost{transform-origin:50% 60%;width:300px;height:330px;margin-left:-150px;animation:5.5s ease-in-out infinite ghostFloat;position:absolute;bottom:-70px;left:50%}.ghost .eye{transform-origin:50%;transform-box:fill-box;animation:6s ease-in-out infinite blink}@keyframes ghostFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-22px)rotate(2deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.marquee{width:100%;padding:72px 0 64px;overflow:hidden}.track{width:max-content;animation:60s linear infinite marquee;display:flex}.marquee:hover .track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.reel{border-radius:var(--radius-xl);width:320px;height:520px;color:var(--white);background-size:200% 200%;flex-direction:column;flex:none;justify-content:space-between;margin-right:32px;padding:20px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:flex;position:relative;overflow:hidden}.reel:hover{z-index:3;animation:6s ease-in-out infinite alternate playShift;transform:scale(1.2);box-shadow:0 36px 80px #0b0b124d}.reel video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reel-top,.reel-bottom{z-index:1;position:relative}.reel-top{justify-content:space-between;align-items:flex-start;display:flex}.reel-bottom{flex-direction:column;gap:12px;display:flex}.reel-title{font-size:21px;font-weight:800;line-height:1.3}.reel-meta{opacity:.9;font-size:13px;font-weight:600}.play-btn{background:var(--white);width:48px;height:48px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.play-btn svg{position:absolute}.play-btn .ring{border:2px solid var(--white);border-radius:50%;position:absolute;inset:0}.reel .ico-pause,.reel .bar,.reel .live{opacity:0;transition:opacity .25s}.reel:hover .ico-play{opacity:0}.reel:hover .ico-pause,.reel:hover .bar,.reel:hover .live{opacity:1}.reel:hover .ring{animation:1.6s ease-out infinite pulse}.bar{background:#ffffff59;border-radius:999px;height:4px;display:block;overflow:hidden}.bar span{background:var(--white);border-radius:999px;width:0;height:100%;display:block}.reel:hover .bar span{animation:8s linear infinite progress}.live{background:var(--ink);color:var(--white);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}@keyframes progress{0%{width:0}to{width:100%}}@keyframes playShift{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:0;transform:scale(1.35)}}.section-title{letter-spacing:-.6px;font-size:32px;font-weight:800}.offer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;max-width:880px;display:grid}.offer{aspect-ratio:1;background:var(--surface);border-radius:30px;flex-direction:column;justify-content:space-between;padding:22px;display:flex}.offer .dot{background:var(--ink);width:40px;height:40px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;display:flex}.footer{background:var(--ink);color:var(--white);padding:72px 24px 40px}.footer .logo{font-size:30px}.footer-cols{flex-wrap:wrap;justify-content:space-between;gap:40px 48px;display:flex}.footer-col{flex-direction:column;gap:12px;min-width:140px;display:flex}.footer-col span{letter-spacing:.12em;opacity:.5;font-size:12px;font-weight:700}.footer-col a{font-size:15px;font-weight:600}.social{background:var(--white);width:44px;height:44px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.steps{align-items:center;padding:0 6px;display:flex}.steps .dot{background:var(--line);border-radius:50%;flex:none;width:14px;height:14px}.steps .dot.done{background:var(--brand)}.steps .dot.now{background:var(--white);border:3px solid var(--brand)}.steps .seg{background:var(--line);flex:1;height:3px}.steps .seg.done{background:var(--brand)}.step-labels{color:var(--ink-soft);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.step-labels .now{color:var(--brand-deep);font-weight:800}.field{flex-direction:column;gap:8px;display:flex}.field label{font-size:14px;font-weight:800}.input{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--white);align-items:center;gap:10px;height:54px;padding:0 16px;display:flex}.input.focus{border:1.5px solid var(--brand);color:var(--brand-deep)}.input input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px;font-weight:700}.textarea{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--white);color:var(--ink);resize:vertical;outline:0;width:100%;padding:14px 16px;font-size:15px;font-weight:600;line-height:1.5}.check{border-radius:var(--radius-md);background:var(--surface-soft);align-items:center;gap:10px;padding:14px;font-size:14px;font-weight:700;display:flex}.check input{width:20px;height:20px;accent-color:var(--brand);margin:0}.two-col{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.two-col>main{flex:999 560px;min-width:0}.two-col>aside{flex:300px;max-width:360px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.muted{color:var(--ink-soft);font-weight:700}.points-card{background:var(--grad-card);border-radius:var(--radius-xl);color:var(--white);padding:32px;position:relative;overflow:hidden}.points-card .orb{background:var(--white);opacity:.16;border-radius:50%;position:absolute}@media (max-width:900px){.offer-grid,.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{height:auto;min-height:640px;padding-bottom:240px}.hero-title{font-size:18vw}}@media (max-width:600px){.grid-3,.grid-2,.offer-grid,.grid-4{grid-template-columns:1fr}.reel{width:260px;height:420px;margin-right:20px}.ghost{width:220px;height:242px;margin-left:-110px;bottom:-50px}}@media (prefers-reduced-motion:reduce){.drop,.ghost,.ghost .eye,.track,.reel:hover,.reel:hover .bar span,.reel:hover .ring{animation:none}.reel:hover{transform:none}}