:root{--ink:#23172d;--purple:#492675;--purple2:#7547a5;--gold:#b98a41;--paper:#fbf8f2;--cream:#f3ecdf;--line:#e5dacb;--muted:#72697a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Pretendard,"Noto Sans KR",sans-serif}button,input{font:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);font:700 22px "Noto Serif KR",serif;text-decoration:none}.brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--purple);color:#fff;font-size:17px}.topbar nav{display:flex;gap:34px}.topbar nav a{color:#554b5d;text-decoration:none;font-size:14px;font-weight:600}.hero{min-height:650px;padding:76px max(24px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1.05fr .95fr;gap:88px;align-items:center;background:radial-gradient(circle at 15% 35%,#efe3c9 0,transparent 24%),radial-gradient(circle at 90% 15%,#e9dbed 0,transparent 27%),linear-gradient(135deg,#fbf7ef,#f7f0e6)}.eyebrow,.section-title p,.result-title p{color:var(--gold);font-weight:800;letter-spacing:.13em;font-size:13px}.hero h1{font:700 clamp(42px,5vw,66px)/1.25 "Noto Serif KR",serif;margin:19px 0}.hero h1 em{color:var(--purple);font-style:normal}.hero-desc{font-size:18px;line-height:1.75;color:#64596a;max-width:550px}.trust{display:flex;gap:20px;margin-top:34px;color:#6f6573;font-size:13px}.fortune-form{background:#fff;padding:34px 36px;border:1px solid rgba(84,51,99,.1);border-radius:24px;box-shadow:0 24px 70px rgba(51,32,60,.12)}.form-heading{display:flex;gap:15px;align-items:center;margin-bottom:26px}.form-heading .seal{display:grid;place-items:center;width:51px;height:51px;border-radius:50%;background:var(--purple);color:#fff;font:700 23px "Noto Serif KR",serif}.form-heading strong{display:block;font:700 20px "Noto Serif KR",serif}.form-heading small{display:block;margin-top:5px;color:#8b818c}.fortune-form>label,.fortune-form legend{display:block;margin:18px 0 10px;font-weight:700;font-size:14px}.fortune-form legend small{font-weight:400;color:#8b818c}.birth-selects{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}.birth-selects select{width:100%;height:54px;border:1px solid #dcd2df;border-radius:12px;padding:0 13px;font-size:15px;color:var(--ink);background:#fff}.birth-selects select:focus{outline:2px solid rgba(73,38,117,.2);border-color:var(--purple)}.year-switch,.gender-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.year-switch button{height:48px;border:1px solid #ddd1e3;background:#faf8fb;border-radius:11px;color:#665a6d;font-weight:700}.year-switch button.active{background:var(--purple);color:#fff;border-color:var(--purple)}fieldset{border:0;padding:0;margin:0}.gender-switch{grid-template-columns:repeat(3,1fr)}.gender-switch input{position:absolute;opacity:0}.gender-switch span{display:grid;place-items:center;height:45px;border:1px solid #ddd1e3;border-radius:11px;font-size:13px;color:#6b6071;cursor:pointer}.gender-switch input:checked+span{border-color:var(--purple);background:#f2ebf8;color:var(--purple);font-weight:700}.primary{width:100%;height:58px;margin-top:24px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 24px rgba(73,38,117,.23)}.primary span{margin-left:10px}.privacy{text-align:center;color:#928894;font-size:11px;margin:13px 0 0}.error{color:#b63b4a;font-size:13px;min-height:18px;margin:10px 0 -8px}.zodiac-section{padding:95px 24px;max-width:1180px;margin:auto}.section-title{text-align:center}.section-title h2{font:700 34px "Noto Serif KR",serif;margin:10px 0 40px}.zodiac-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.zodiac-item{padding:22px 8px;text-align:center;border:1px solid var(--line);border-radius:16px;background:#fff}.zodiac-item span{display:block;font-size:34px}.zodiac-item b{display:block;margin-top:8px;font-family:"Noto Serif KR",serif}.zodiac-item small{color:#968b97}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);max-width:1120px;margin:0 auto 100px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.guide div{background:#fff;padding:32px}.guide b{color:var(--gold);display:block;margin-bottom:14px}.guide strong{font:700 18px "Noto Serif KR",serif}.guide p{color:#817784;font-size:13px;margin:8px 0 0}.seo-explore{max-width:1120px;margin:0 auto 100px;padding:0 24px}.seo-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.seo-link-grid a{display:flex;flex-direction:column;gap:5px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none}.seo-link-grid a:hover{border-color:var(--purple);box-shadow:0 10px 25px rgba(73,38,117,.08)}.seo-link-grid strong{font:700 17px "Noto Serif KR",serif}.seo-link-grid span{color:var(--muted);font-size:12px}.zodiac-text-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.zodiac-text-links a{padding:7px 11px;border-radius:20px;background:#f2ebf8;color:var(--purple);font-size:12px;font-weight:700;text-decoration:none}.related-service{max-width:1120px;margin:-65px auto 100px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.related-service div{display:grid;gap:5px}.related-service small{color:var(--gold);font-weight:800;letter-spacing:.08em}.related-service strong{font:700 19px "Noto Serif KR",serif}.related-service p{margin:0;color:var(--muted);font-size:13px}.related-service>a{flex:none;padding:13px 18px;border-radius:11px;background:#f2ebf8;color:var(--purple);font-weight:800;text-decoration:none}.related-service>a:hover{background:var(--purple);color:#fff}footer{background:#271a31;color:#e9dfec;text-align:center;padding:55px 20px}footer .brand{justify-content:center;color:#fff}footer .brand span{background:#b98a41}footer p{color:#bdb0c2}footer small{color:#8d8093}.result-overlay{display:none;position:fixed;z-index:20;inset:0;background:rgba(28,17,34,.72);overflow:auto;padding:32px 16px}.result-overlay.open{display:block}.result-shell{position:relative;max-width:900px;margin:auto;background:var(--paper);border-radius:24px;overflow:hidden}.close{position:absolute;right:18px;top:15px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:white;font-size:30px;cursor:pointer}.result-hero{text-align:center;color:white;padding:58px 24px 48px;background:radial-gradient(circle at 50% 0,#8a5ba4,transparent 38%),linear-gradient(145deg,#281538,#56306b)}.result-hero>p:first-child{color:#d7b871;font-weight:700;letter-spacing:.13em}.animal{font-size:62px}.result-hero h2{font:700 34px "Noto Serif KR",serif;margin:10px}.score strong{font:800 55px "Noto Serif KR",serif;color:#f0d38d}.score span{color:#cbbcd2}.result-hero>p:last-child{max-width:590px;margin:16px auto 0;color:#ded0e3;line-height:1.7}.summary{margin:34px;padding:27px;border:1px solid var(--line);border-radius:16px;background:#fff;font:600 17px/1.8 "Noto Serif KR",serif;text-align:center}.fortune-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0 34px}.fortune-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.fortune-card header{display:flex;align-items:center;justify-content:space-between}.fortune-card h3{font:700 18px "Noto Serif KR",serif;margin:0}.fortune-card b{color:var(--purple)}.bar{height:7px;background:#eee6ef;border-radius:10px;margin:14px 0;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#b79254,#704296);border-radius:10px}.fortune-card p{color:#746a78;font-size:14px;line-height:1.65;margin:0}.lucky{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 34px;padding:20px;background:#eee5d5;border-radius:16px;text-align:center}.lucky small{display:block;color:#8c7a63;margin-bottom:5px}.lucky b{font-family:"Noto Serif KR",serif}.months{padding:18px 34px 38px}.result-title{text-align:center}.result-title h3{font:700 28px "Noto Serif KR",serif;margin:8px 0 25px}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.month{background:#fff;border:1px solid var(--line);padding:18px;border-radius:13px}.month b{color:var(--purple)}.month span{float:right;font-size:11px;padding:4px 7px;border-radius:12px;background:#f1eaf5;color:#684277}.month p{font-size:12px;line-height:1.55;color:#786f7b;margin:11px 0 0}.result-actions{display:flex;justify-content:center;gap:10px;padding:0 34px 24px}.result-actions button{border:1px solid var(--purple);border-radius:10px;background:#fff;color:var(--purple);font-weight:700;padding:12px 22px;cursor:pointer}.result-actions button:first-child{background:var(--purple);color:#fff}.disclaimer{margin:0;padding:20px 34px 30px;color:#948994;text-align:center;font-size:11px}@media(max-width:800px){.topbar nav{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:45px}.hero h1{font-size:42px}.zodiac-grid{grid-template-columns:repeat(3,1fr)}.guide{grid-template-columns:1fr;margin-inline:18px}.seo-link-grid{grid-template-columns:1fr 1fr}.related-service{margin:-65px 18px 100px;align-items:flex-start;flex-direction:column}.fortune-cards{grid-template-columns:1fr}.month-grid{grid-template-columns:repeat(2,1fr)}.lucky{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.seo-link-grid{grid-template-columns:1fr}.trust{flex-wrap:wrap;gap:10px}.fortune-form{padding:26px 20px}.hero{padding-inline:17px}.result-overlay{padding:0}.result-shell{border-radius:0}.summary,.lucky{margin-inline:18px}.fortune-cards,.months{padding-inline:18px}.gender-switch{grid-template-columns:1fr}.gender-switch span{height:40px}}