.luna-landing{--bg:#11101d;--text:#f1edf6;--muted:#afa8bc;--purple:#c3aceb;--line:#ffffff16}.luna-landing,.luna-landing *{box-sizing:border-box}.luna-landing{scroll-behavior:smooth;background:var(--bg);color:var(--text);margin:0;scroll-padding-top:90px;font-family:Noto Sans KR,sans-serif;font-size:15px}.luna-landing a{color:inherit;text-decoration:none}.luna-landing button{font:inherit;cursor:pointer}.luna-landing a,.luna-landing button{-webkit-tap-highlight-color:transparent}.luna-landing button:focus-visible,.luna-landing a:focus-visible,.luna-landing summary:focus-visible{outline-offset:6px;outline:2px solid #e2c3ff}.luna-landing header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;height:92px;margin:auto;padding:0 48px;display:flex}.luna-landing .brand{letter-spacing:-.7px;align-items:center;font-family:Georgia,serif;font-size:25px;display:flex}.luna-landing .brand img{object-fit:contain;width:38px;height:38px;margin-right:9px}.luna-landing nav{color:#c6bfce;gap:34px;font-size:13px;display:flex}.luna-landing button.small{color:#eee4f7;background:0 0;border:1px solid #b69ccc65;border-radius:30px;padding:11px 20px;font-size:13px}.luna-landing .small span{margin-left:20px}.luna-landing .hero{background:radial-gradient(at 73% 40%,#6f498b20,#0000 55%);grid-template-columns:1.05fr 1fr;max-width:1320px;margin:auto;padding:90px 48px 0;display:grid;position:relative;overflow:hidden}.luna-landing .eyebrow{letter-spacing:2.8px;color:var(--purple);margin:0 0 28px;font-size:10px;font-weight:500}.luna-landing h1,.luna-landing h2,.luna-landing h3{letter-spacing:-1.6px;font-family:Noto Serif KR,serif;font-weight:400}.luna-landing h1{margin:0 0 24px;font-size:clamp(35px,4.1vw,56px);line-height:1.55}.luna-landing em{color:var(--purple);font-style:normal}.luna-landing .intro{color:var(--muted);font-size:14px;font-weight:300;line-height:2}.luna-landing .actions{align-items:center;gap:23px;margin-top:32px;display:flex}.luna-landing .primary{color:#241b32;background:#d5c1ec;border:0;border-radius:5px;padding:17px 26px;font-size:13px;font-weight:600}.luna-landing .primary:hover{background:#e7d7f7;transform:translateY(-2px)}.luna-landing .actions a{color:#c4b9d0;font-size:11px}.luna-landing .actions a span{margin-left:10px}.luna-landing .note{letter-spacing:1.7px;color:#8b809d;margin-top:24px;font-size:8px}.luna-landing .celestial{height:540px;position:relative}.luna-landing .orbit{border:1px solid #b89bd322;border-radius:50%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.luna-landing .o1{width:420px;height:420px}.luna-landing .o2{opacity:.5;border-style:dashed;width:510px;height:510px}.luna-landing .moon{opacity:.8;background:radial-gradient(circle at 32% 30%,#ede3d7,#b7a6bd 70%,#8e7c9d);border-radius:50%;width:185px;height:185px;position:absolute;top:20px;right:32px;box-shadow:0 0 70px #dcc0f020}.luna-landing .moon:after{content:"";filter:blur(8px);background:radial-gradient(at 70% 30%,#73608230,#0000 30%),radial-gradient(at 35% 60%,#fff8 0,#0000 45%);border-radius:50%;position:absolute;inset:16px}.luna-landing .tarot{outline-offset:-9px;background:#201b2c;border:1px solid #b49b8060;border-radius:90px 90px 8px 8px;outline:1px solid #b49b8030;flex-direction:column;align-items:center;width:200px;height:320px;padding:25px 14px;display:flex;position:absolute;box-shadow:0 25px 60px #0007}.luna-landing .tarot img{object-fit:contain;mix-blend-mode:screen;opacity:.85;width:164px;height:190px;margin-top:18px}.luna-landing .tarot span{color:#c4af8e;font-family:Georgia;font-size:11px}.luna-landing .tarot p{letter-spacing:3px;color:#cbb995;margin-top:26px;font-size:9px}.luna-landing .back{background:#262030;top:95px;left:53px;transform:rotate(-16deg)}.luna-landing .front{top:165px;right:62px;transform:rotate(12deg)}.luna-landing .spark{color:#dec6a6;z-index:2;position:absolute}.luna-landing .s1{font-size:26px;top:45px;left:47px}.luna-landing .s2{font-size:35px;top:330px;right:5px}.luna-landing .s3{font-size:15px;bottom:80px;left:15px}.luna-landing .caption{color:#a597b4;font-family:Georgia;font-size:15px;font-style:italic;position:absolute;bottom:0;left:90px}.luna-landing .hero-bottom{border-top:1px solid var(--line);color:#8f849f;letter-spacing:2px;grid-column:1/-1;justify-content:space-between;margin-top:65px;padding:28px 0;font-size:9px;display:flex}.luna-landing .hero-bottom a{letter-spacing:0;font-size:11px}.luna-landing .statement{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#171421;padding:110px 24px}.luna-landing h2{margin:0 0 28px;font-size:35px;line-height:1.65}.luna-landing .statement p:last-child{color:var(--muted);font-size:13px;line-height:2.2}.luna-landing .readings{max-width:1120px;margin:auto;padding:105px 35px}.luna-landing .section-head{justify-content:space-between;align-items:end;margin-bottom:50px;display:flex}.luna-landing .section-head h2{margin:0}.luna-landing .section-head>p{color:var(--muted);font-size:13px;line-height:2}.luna-landing .reading{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:55px 0;display:grid}.luna-landing .reading-copy h3{margin:0 0 20px;font-size:29px;line-height:1.6}.luna-landing .reading-copy>p:not(.eyebrow){color:var(--muted);max-width:380px;font-size:13px;line-height:2.1}.luna-landing .tag{color:#b5a7c6;border:1px solid #c2a8df26;border-radius:30px;margin:15px 5px 0 0;padding:7px 12px;font-size:10px;display:inline-block}.luna-landing .reading-art{background:radial-gradient(#74577922,#0000 70%);justify-content:center;align-items:center;height:310px;display:flex;position:relative}.luna-landing .elements{border:1px solid var(--line);aspect-ratio:1;border-radius:50%;width:100%;max-width:340px;height:auto;margin:auto}.luna-landing .elements>div{color:#ceb4dc;border:1px solid #b8a0d03b;border-radius:50%;place-items:center;width:145px;height:145px;font-family:serif;font-size:55px;font-weight:300;display:grid}.luna-landing .elements span{color:#c3b1c8;text-align:center;background:#171420;width:48px;height:48px;padding-top:7px;font-family:serif;font-size:25px;position:absolute}.luna-landing .elements span:first-child{top:-15px}.luna-landing .elements span:nth-child(2){top:70px;right:0}.luna-landing .elements span:nth-child(3){bottom:6px;right:35px}.luna-landing .elements span:nth-child(4){bottom:6px;left:35px}.luna-landing .elements span:nth-child(5){top:70px;left:0}.luna-landing .mini-cards div{color:#c9b18f;outline-offset:-8px;background:#211b2c;border:1px solid #ad977154;border-radius:50px 50px 4px 4px;outline:1px solid #ad977130;place-items:center;width:105px;height:180px;font-size:53px;display:grid;box-shadow:0 20px 45px #0004}.luna-landing .mini-cards div:first-child{transform:rotate(-17deg)translateY(12px)}.luna-landing .mini-cards div:nth-child(2){z-index:2;transform:translateY(-12px)}.luna-landing .mini-cards div:last-child{transform:rotate(17deg)translateY(12px)}.luna-landing .guide{border-block:1px solid var(--line);background:#191623;padding:85px max(35px,50% - 525px)}.luna-landing .steps{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px;display:grid}.luna-landing .steps article{border-top:1px solid #c2a8df3b;padding-top:22px}.luna-landing .steps span{color:#b59bcc;font-family:Georgia;font-size:22px;font-style:italic}.luna-landing .steps h3{letter-spacing:-.4px;margin:24px 0 14px;font-family:inherit;font-size:15px}.luna-landing .steps p{color:var(--muted);font-size:12px;line-height:2}.luna-landing .faq{max-width:810px;margin:auto;padding:90px 30px}.luna-landing .faq h2{margin-bottom:35px;font-size:26px}.luna-landing .faq details{border-bottom:1px solid var(--line);padding:23px 0}.luna-landing .faq summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:13px;list-style:none;display:flex}.luna-landing .faq summary:after{content:"+";color:var(--purple)}.luna-landing .faq details[open] summary:after{content:"−"}.luna-landing .faq details p{color:var(--muted);max-width:650px;font-size:12px;line-height:2}.luna-landing .closing{text-align:center;background:radial-gradient(#593b7429,#0000 65%);padding:60px 24px 95px}.luna-landing .closing-star{color:#cbb48e;margin-bottom:25px;font-size:30px;display:block}.luna-landing .closing h2{font-size:34px}.luna-landing .closing>p:last-child{color:#a99ab8;margin-top:20px;font-size:11px}.luna-landing footer{border-top:1px solid var(--line);align-items:center;gap:25px;max-width:1224px;margin:auto;padding:35px 0;display:flex}.luna-landing footer .brand{font-size:20px}.luna-landing footer p,.luna-landing footer>span{color:#998da8;font-size:10px}.luna-landing footer>span{margin-left:auto}.luna-landing dialog{color:var(--text);background:#211b30;border:1px solid #695079;border-radius:12px;max-width:440px;padding:45px}.luna-landing dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080610c9}.luna-landing dialog h2{font-size:26px}.luna-landing dialog p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:2}.luna-landing dialog .primary{margin-top:15px}.luna-landing .close{color:#c9b3df;background:0 0;border:0;font-size:25px;position:absolute;top:10px;right:15px}@media (max-width:850px){.luna-landing header{height:78px;padding:0 24px}.luna-landing nav{display:none}.luna-landing .hero{grid-template-columns:1fr;padding:65px 25px 0}.luna-landing .hero-copy{z-index:3;position:relative}.luna-landing h1{font-size:40px}.luna-landing .celestial{width:470px;max-width:100%;height:510px;margin:20px auto 0}.luna-landing .hero-bottom{letter-spacing:1px;margin-top:35px;font-size:7px}.luna-landing .statement{padding:75px 25px}.luna-landing .statement br{display:none}.luna-landing .statement h2 br{display:block}.luna-landing h2{font-size:28px}.luna-landing .statement p:last-child{font-size:12px}.luna-landing .readings{padding:75px 25px}.luna-landing .section-head{display:block}.luna-landing .section-head>p{margin-top:25px}.luna-landing .reading{grid-template-columns:1fr;gap:25px;padding:40px 0}.luna-landing .reading-art{width:100%;max-width:300px;margin:auto}.luna-landing .tarot .reading-art{grid-row:1}.luna-landing .reading-copy h3{font-size:27px}.luna-landing .guide{padding:65px 25px}.luna-landing .guide h2{font-size:25px}.luna-landing .steps{grid-template-columns:1fr;gap:20px;margin-top:30px}.luna-landing .steps h3{margin-top:15px}.luna-landing .faq{padding:65px 25px}.luna-landing .faq h2{font-size:23px}.luna-landing .closing h2{font-size:28px}.luna-landing footer{flex-wrap:wrap;gap:8px;margin:0 25px;padding:28px 0;display:flex}.luna-landing footer p{width:100%}.luna-landing footer>span{margin-left:0}.luna-landing .front{right:30px}.luna-landing .back{left:35px}.luna-landing .o2{width:410px;height:410px}.luna-landing .o1{width:340px;height:340px}.luna-landing .moon{right:15px}.luna-landing .actions{gap:18px}.luna-landing .actions a{font-size:10px}.luna-landing .primary{padding:16px 19px}}@media (prefers-reduced-motion:reduce){.luna-landing{scroll-behavior:auto}.luna-landing,.luna-landing *{transition:none!important}}.luna-landing{font-family:Arial,Helvetica,sans-serif}.luna-landing h1,.luna-landing h2,.luna-landing h3{letter-spacing:-1px;font-family:Georgia,Times New Roman,serif}.luna-landing h1{margin-top:15px;font-size:clamp(46px,5.2vw,72px);line-height:1.12}.luna-landing .intro{margin-top:30px;line-height:1.9}.luna-landing .primary{display:inline-block}.luna-landing .small.app-link{border:1px solid #b69ccc65;border-radius:30px;padding:12px 20px;font-size:12px}.luna-landing .poster-stage{height:550px}.luna-landing .art-poster{background:#080808 url(/assets/background/lunabg2.webp) 50%/cover;border:1px solid #c5acc044;width:275px;height:465px;position:absolute;top:10px;left:50%;overflow:hidden;transform:translate(-50%)rotate(5deg);box-shadow:0 25px 70px #0009}.luna-landing .art-poster img{object-fit:contain;mix-blend-mode:screen;position:absolute}.luna-landing .poster-dust{opacity:.8;width:50%;height:48%;top:-8%;left:25%}.luna-landing .poster-symbol{opacity:.7;width:20%;top:6%;left:7%}.luna-landing .poster-cat{width:90%;top:15%;left:5%}.luna-landing .poster-city{width:100%;bottom:0;left:0}.luna-landing .poster-brand{letter-spacing:2px;color:#ddd0b3;font-size:7px;position:absolute;top:4%;right:5%}.luna-landing .poster-words{text-align:center;color:#fffde7;width:100%;padding:0 15px;position:absolute;top:65%}.luna-landing .poster-words h2{letter-spacing:4px;margin:0 0 12px;font-family:Arial,sans-serif;font-size:18px;font-weight:300;line-height:1.2}.luna-landing .poster-words p{letter-spacing:1px;font-size:10px;line-height:1.7}.luna-landing .caption{text-align:center;width:100%;font-size:11px;bottom:10px;left:0}.luna-landing .statement p:last-child{max-width:730px;margin:auto}.luna-landing .statement h2{font-size:40px;line-height:1.4}.luna-landing .reading-copy h3{font-size:34px}.luna-landing .guide h2{font-size:35px}.luna-landing .steps p{max-width:270px}.luna-landing .guide-note{color:#968aa4;margin-top:35px;font-size:11px;line-height:1.7}.luna-landing .format-art{justify-content:center;align-items:center;gap:30px;display:flex}.luna-landing .format-art>div{color:#d4bddf;background:linear-gradient(140deg,#41304c44,#13101d);border:1px solid #af93c55c;flex-direction:column;justify-content:center;align-items:center;width:125px;height:222px;font-family:Georgia;font-size:26px;display:flex}.luna-landing .format-art>div+div{width:140px;height:175px}.luna-landing .format-art span{letter-spacing:3px;margin-top:20px;font-family:Arial,sans-serif;font-size:8px}.luna-landing .faq details a{text-decoration:underline}.luna-landing .closing .primary{margin-top:10px}.luna-landing footer{flex-wrap:wrap}.luna-landing .disclaimer{width:100%;max-width:800px;font-size:9px;line-height:1.7}.luna-landing section[id]{scroll-margin-top:25px}@media (max-width:850px){.luna-landing h1{font-size:58px}.luna-landing .intro{font-size:14px}.luna-landing .hero{padding-top:55px}.luna-landing .poster-stage{height:530px;margin-top:50px}.luna-landing .art-poster{width:265px;height:450px;top:15px}.luna-landing .statement h2{font-size:34px}.luna-landing .statement p:last-child{line-height:1.9}.luna-landing .statement p:last-child br{display:none}.luna-landing .guide h2,.luna-landing .reading-copy h3{font-size:30px}.luna-landing .closing h2{font-size:32px}.luna-landing .actions{flex-wrap:wrap}.luna-landing .hero-bottom{gap:20px;font-size:8px}.luna-landing .hero-bottom a{font-size:10px}.luna-landing .small.app-link{padding:10px 13px;font-size:11px}.luna-landing .brand{font-size:23px}}@media (max-width:420px){.luna-landing h1{font-size:48px}.luna-landing .hero-bottom{letter-spacing:.4px}.luna-landing .small.app-link{font-size:10px}.luna-landing .brand{font-size:20px}.luna-landing .brand img{width:28px;height:28px}}.luna-landing .actions a.primary,.luna-landing .closing a.primary{color:#241b32;font-size:13px;font-weight:600}.luna-landing{color:#f1edf6;background:#11101d;min-height:100vh;overflow-x:clip}.luna-landing .primary{color:#241b32}.luna-landing .brand img{display:inline-block}
