*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--parch:#f7f2e8;--parch2:#ede5cc;--parch3:#e0d4b3;--ink:#2c1f0e;--ink2:#4a3520;--gold:#9e7e40;--gold2:#c9a85c;--gold3:#f0d080;--sienna:#7d4a2c;--rust:sienna;--cream:#fdfbf4}html{scroll-behavior:smooth}body{background-color:var(--parch);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");min-height:100vh;font-family:Lato,sans-serif;overflow-x:hidden}.ornament-top{opacity:.5;margin:0 auto 4px;display:block}header{text-align:center;padding:52px 24px 36px;position:relative}header:after{content:"";background:linear-gradient(to right, transparent, var(--gold), transparent);width:180px;height:1px;margin:20px auto 0;display:block}.brand-sub{letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-family:Lato,sans-serif;font-size:10px;font-weight:300}h1{color:var(--ink);letter-spacing:-.01em;font-family:IM Fell English,serif;font-size:clamp(2.4rem,7vw,3.6rem);line-height:1.05}h1 em{color:var(--gold);font-style:italic}.tabs{background:var(--parch2);border:1px solid var(--parch3);border-radius:14px;justify-content:center;gap:0;max-width:460px;margin:0 auto 40px;padding:5px;display:flex}.tab-btn{letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 18px;font-family:Lato,sans-serif;font-size:11px;font-weight:400;transition:all .28s}.tab-btn.active{background:var(--cream);color:var(--gold);font-weight:600;box-shadow:0 2px 12px #00000017}.panel{animation:.4s both fadeUp;display:none}.panel.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--cream);border:1px solid var(--parch3);border-radius:24px;max-width:460px;margin:0 auto 28px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 4px 30px #2c1f0e0f,0 1px 2px #2c1f0e0a}.card:before{content:"";background:linear-gradient(to right, var(--parch2), var(--gold2), var(--parch2));height:3px;position:absolute;top:0;left:0;right:0}label.field-label{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:9px;font-weight:600;display:block}input[type=date],input[type=text]{border:1px solid var(--parch3);background:var(--parch);width:100%;color:var(--ink);appearance:none;border-radius:12px;outline:none;padding:14px 18px;font-family:Crimson Text,serif;font-size:1.1rem;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--gold2);box-shadow:0 0 0 3px #9e7e401f}.field-note{color:#888;text-align:center;margin-top:10px;font-size:10px;font-style:italic;line-height:1.7}.result-card{background:var(--cream);border:1px solid var(--parch3);border-radius:24px;max-width:460px;margin:0 auto 28px;animation:.5s both fadeUp;overflow:hidden;box-shadow:0 8px 40px #2c1f0e1a}.result-header{background:linear-gradient(135deg, var(--ink) 0%, var(--ink2) 100%);text-align:center;padding:32px 28px 28px;position:relative}.result-header:after{content:"";background:var(--cream);border-radius:50% 50% 0 0/100% 100% 0 0;height:32px;position:absolute;bottom:-1px;left:0;right:0}.result-label{letter-spacing:.35em;text-transform:uppercase;color:var(--gold2);opacity:.8;margin-bottom:10px;font-size:9px;font-weight:600}.result-weton{color:#fff;font-family:IM Fell English,serif;font-size:2.6rem;line-height:1.1}.neptu-badge{letter-spacing:.2em;text-transform:uppercase;color:var(--gold3);background:#9e7e4033;border:1px solid #c9a85c66;border-radius:100px;margin-top:10px;padding:5px 16px;font-size:10px;font-weight:600;display:inline-block}.result-body{padding:36px 32px 28px}.icon-circle{background:linear-gradient(135deg, var(--gold) 0%, var(--gold2) 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:2rem;display:flex;box-shadow:0 6px 24px #9e7e404d}.simbol-name{color:var(--gold);text-align:center;margin-bottom:18px;font-family:IM Fell English,serif;font-size:1.3rem;font-style:italic}.divider-ornament{align-items:center;gap:10px;margin:18px 0;display:flex}.divider-ornament:before,.divider-ornament:after{content:"";background:linear-gradient(to right, transparent, var(--parch3));flex:1;height:1px}.divider-ornament:after{background:linear-gradient(to left, transparent, var(--parch3))}.watak-text{color:var(--ink2);text-align:center;font-family:Crimson Text,serif;font-size:1.1rem;font-style:italic;line-height:1.8}.neptu-grid{background:var(--parch);border:1px solid var(--parch3);border-radius:14px;grid-template-columns:1fr 1px 1fr 1px 1fr;gap:0;margin-top:22px;display:grid;overflow:hidden}.neptu-item{text-align:center;padding:16px 10px}.neptu-divider{background:var(--parch3)}.neptu-item-label{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:8px;font-weight:600}.neptu-item-val{color:var(--ink);font-family:IM Fell English,serif;font-size:1.6rem}.neptu-item-sub{color:#999;margin-top:2px;font-size:9px}.siklus-box{background:var(--parch);border:1px solid var(--parch3);text-align:center;border-radius:14px;margin-top:20px;padding:16px 20px}.siklus-label-top{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:9px;font-weight:600}.siklus-dots{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.siklus-dot{border:1.5px solid var(--parch3);width:28px;height:28px;color:var(--ink2);letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;font-size:8px;font-weight:600;transition:all .3s;display:flex}.siklus-dot.active{background:var(--gold);border-color:var(--gold);color:#fff;box-shadow:0 3px 12px #9e7e4066}.siklus-result{color:var(--sienna);font-family:IM Fell English,serif;font-size:1.1rem}.match-result{background:var(--cream);border:1px solid var(--parch3);border-radius:24px;max-width:460px;margin:0 auto 28px;animation:.5s both fadeUp;overflow:hidden}.match-header{background:linear-gradient(135deg, var(--sienna) 0%, var(--rust) 100%);text-align:center;padding:28px}.match-title{color:#ffffffb3;margin-bottom:6px;font-family:IM Fell English,serif;font-size:1.1rem}.match-pair{color:#fff;font-family:IM Fell English,serif;font-size:1.6rem}.match-body{padding:28px 32px}.match-siklus-title{text-align:center;color:var(--sienna);margin-bottom:6px;font-family:IM Fell English,serif;font-size:2rem}.match-desc{color:var(--ink2);text-align:center;font-family:Crimson Text,serif;font-size:1.05rem;font-style:italic;line-height:1.8}.btn-share{background:var(--ink);width:calc(100% - 64px);max-width:396px;color:var(--gold2);letter-spacing:.25em;text-transform:uppercase;cursor:pointer;border:none;border-radius:14px;margin:0 auto 12px;padding:15px;font-family:Lato,sans-serif;font-size:10px;font-weight:600;transition:background .2s,transform .15s;display:block}.btn-share:hover{background:var(--ink2);transform:translateY(-1px)}.btn-wrapper{max-width:460px;margin:0 auto;padding:0 32px}.share-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.btn-social{border:1px solid var(--parch3);background:var(--cream);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-social:hover{background:var(--gold);color:#fff;border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #9e7e4033}footer{text-align:center;border-top:1px solid var(--parch3);max-width:460px;margin:48px auto 0;padding:32px 24px 48px}.footer-ornament{letter-spacing:.5em;opacity:.3;margin-bottom:14px;font-size:1.2rem}.footer-quote{color:var(--sienna);margin-bottom:12px;font-family:Crimson Text,serif;font-size:.95rem;font-style:italic}.footer-copy{letter-spacing:.05em;text-transform:none;color:var(--ink2);font-size:10px;line-height:1.6}.hidden{display:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:1.2s infinite pulse}