.natal-page{color:#f0f0f5;min-height:100vh;padding-top:var(--nav-h,64px);background:#050912;position:relative;overflow-x:hidden}.natal-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(1px 1px at 15% 20%,#ffffff8c 0%,#0000 100%),radial-gradient(1px 1px at 73% 8%,#ffffff73 0%,#0000 100%),radial-gradient(1px 1px at 42% 45%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 88% 62%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 28% 78%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 60% 90%,#ffffff73 0%,#0000 100%),radial-gradient(1px 1px at 5% 55%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 95% 30%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 50% 15%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 80% 80%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 35% 35%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 65% 55%,#ffffff40 0%,#0000 100%),radial-gradient(600px 600px at 20% 30%,#3c1e7859 0%,#0000 70%),radial-gradient(800px 500px at 80% 70%,#1432644d 0%,#0000 70%),radial-gradient(400px 400px,#50145033 0%,#0000 70%);position:fixed;inset:0}.natal-page>*{z-index:1;position:relative}.natal-container{max-width:820px;margin:0 auto;padding:0 24px 80px}@media (min-width:1024px){.natal-container{max-width:960px;padding:0 40px 100px}}.natal-hero{text-align:center;padding:64px 0 52px;animation:.8s both natal-fadein}.natal-hero-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#e8c96db3;align-items:center;gap:8px;margin:0 0 20px;font-size:11px;font-weight:600;display:inline-flex}.natal-hero-eyebrow:before,.natal-hero-eyebrow:after{content:"";background:#e8c96d59;width:28px;height:1px;display:block}.natal-hero-title{letter-spacing:-.03em;color:#f5f5f7;margin:0 0 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Georgia,serif;font-size:clamp(42px,7vw,76px);font-weight:700;line-height:1}.natal-hero-title em{background:linear-gradient(135deg,#e8c96d 0%,#f5e4a3 50%,#c9a84c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.natal-hero-sub{color:#f0f0f580;max-width:480px;margin:0 auto;font-size:17px;line-height:1.65}.natal-glass{-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:24px;margin-bottom:20px;padding:36px 32px;animation:.6s both natal-fadein;box-shadow:inset 0 0 0 1px #ffffff08,0 40px 80px #0006}@media (max-width:640px){.natal-glass{border-radius:20px;padding:24px 20px}}.natal-form{flex-direction:column;gap:28px;display:flex}.natal-section-head{letter-spacing:.12em;text-transform:uppercase;color:#e8c96da6;border-bottom:1px solid #ffffff0f;margin-bottom:4px;padding-bottom:16px;font-size:11px;font-weight:700}.natal-field{flex-direction:column;gap:8px;display:flex}.natal-label{color:#f0f0f5bf;letter-spacing:.01em;font-size:13px;font-weight:600}.natal-control{color:#f5f5f7;appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;width:100%;height:50px;padding:0 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.natal-control::placeholder{color:#f0f0f540}.natal-control:focus{border-color:#e8c96d80;outline:none;box-shadow:0 0 0 3px #e8c96d1a}.natal-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(240,240,245,0.35)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.natal-select option{color:#f5f5f7;background:#0d1220}.natal-help{color:#f0f0f54d;font-size:12px;line-height:1.5}.natal-help-error{color:#f87171;font-size:12px}.natal-date-grid{grid-template-columns:1fr 2fr 1.4fr;gap:10px;display:grid}.natal-time-row{gap:10px;display:flex}.natal-time-row>*{flex:1}.natal-two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:560px){.natal-two-col{grid-template-columns:1fr}.natal-date-grid{grid-template-columns:1fr 2fr 1.4fr;gap:8px}}.natal-city-wrap{position:relative}.natal-dropdown{z-index:50;background:#111827;border:1px solid #ffffff1a;border-radius:16px;max-height:260px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 24px 60px #0009}.natal-drop-item{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:background .12s;display:flex}.natal-drop-item:hover{background:#ffffff0d}.natal-drop-title{color:#f5f5f7;font-size:14px;font-weight:600}.natal-drop-meta{color:#f0f0f559;text-align:right;flex-shrink:0;font-size:11px}.natal-drop-empty{color:#f0f0f559;padding:14px 16px;font-size:13px}.natal-submit-row{flex-direction:column;align-items:center;gap:12px;padding-top:8px;display:flex}.natal-submit-btn{color:#0d0d0d;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#c9a84c 0%,#e8c96d 50%,#c9a84c 100%) 0 0/200% 100%;border:none;border-radius:28px;height:56px;padding:0 48px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s,background-position .4s;box-shadow:0 12px 36px #c8a03c4d}.natal-submit-btn:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 18px 48px #c8a03c66}.natal-submit-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.natal-submit-note{color:#f0f0f540;font-size:12px}.natal-loading{text-align:center;padding:64px 0;animation:.3s both natal-fadein}.natal-loading-orbit{border:2px solid #ffffff14;border-top-color:#e8c96db3;border-radius:50%;width:56px;height:56px;margin:0 auto 20px;animation:1s linear infinite natal-spin}.natal-loading-text{color:#f0f0f566;font-size:14px}.natal-result-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.natal-result-name{letter-spacing:-.025em;color:#f5f5f7;font-size:28px;font-weight:700}.natal-result-date{color:#f0f0f566;margin-top:2px;font-size:13px}.natal-result-btns{gap:10px;display:flex}.natal-btn-ghost{color:#f0f0f5bf;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:20px;height:40px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.natal-btn-ghost:hover{color:#f5f5f7;background:#ffffff1a;border-color:#ffffff38}.natal-trinity{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}@media (max-width:480px){.natal-trinity{grid-template-columns:1fr;gap:8px}}.natal-trinity-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:20px;transition:background .2s,transform .2s}.natal-trinity-card:hover{background:#ffffff12;transform:translateY(-2px)}.natal-trinity-icon{margin:0 0 10px;font-size:32px;line-height:1;display:block}.natal-trinity-role{letter-spacing:.12em;text-transform:uppercase;color:#e8c96d8c;margin-bottom:5px;font-size:10px;font-weight:700}.natal-trinity-sign{color:#f5f5f7;margin-bottom:3px;font-size:17px;font-weight:700}.natal-trinity-degree{color:#f0f0f559;font-variant-numeric:tabular-nums;font-size:12px}.natal-wheel-wrap{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;margin-bottom:24px;padding:8px;overflow:hidden}.natal-planets-title{letter-spacing:.12em;text-transform:uppercase;color:#e8c96d8c;margin:0 0 14px;font-size:11px;font-weight:700}.natal-planets-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (max-width:520px){.natal-planets-grid{grid-template-columns:1fr}}@media (min-width:900px){.natal-planets-grid{grid-template-columns:repeat(3,1fr)}}.natal-planet-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:12px;padding:13px 16px;transition:background .15s;display:flex}.natal-planet-row:hover{background:#ffffff0f}.natal-planet-symbol{text-align:center;flex-shrink:0;width:28px;font-size:20px;line-height:1}.natal-planet-info{flex:1;min-width:0}.natal-planet-name{color:#f5f5f7;align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.natal-planet-retro{color:#f87171;font-size:10px;font-weight:700}.natal-planet-sign{color:#f0f0f573;margin-top:1px;font-size:12px}.natal-planet-meta{text-align:right;flex-shrink:0}.natal-planet-degree{color:#e8c96dcc;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.natal-planet-house{color:#f0f0f54d;margin-top:1px;font-size:11px}.natal-aspects-list{flex-direction:column;gap:6px;display:flex}.natal-aspect-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:14px;padding:11px 16px;display:flex}.natal-aspect-symbol{text-align:center;flex-shrink:0;width:24px;font-size:18px}.natal-aspect-bodies{color:#f0f0f5bf;flex:1;font-size:13px;font-weight:600}.natal-aspect-type{letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.natal-aspect-conj{color:#e8c96dd9;background:#e8c96d26}.natal-aspect-trine{color:#64c878d9;background:#64c8781f}.natal-aspect-sext{color:#64b4ffd9;background:#64b4ff1f}.natal-aspect-sq{color:#f87171d9;background:#f871711f}.natal-aspect-opp{color:#c864ffd9;background:#c864ff1f}.natal-aspect-orb{color:#f0f0f540;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.natal-section{margin-bottom:24px}@keyframes natal-fadein{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes natal-spin{to{transform:rotate(360deg)}}.natal-anim-1{animation:.5s both natal-fadein}.natal-anim-2{animation:.5s .1s both natal-fadein}.natal-anim-3{animation:.5s .2s both natal-fadein}.natal-anim-4{animation:.5s .3s both natal-fadein}.natal-anim-5{animation:.5s .4s both natal-fadein}@media print{.natal-page{color:#000!important;background:#fff!important}.natal-page:before{display:none}.natal-btn-ghost,.natal-submit-btn,.no-print{display:none!important}}