.birth-page{--birth-gold: #f2c94c;--birth-ink: #f7f5ff;--birth-muted: #bcc6df;position:relative;z-index:1;min-height:100vh;overflow:hidden}.birth-page:before{content:"";position:absolute;inset:0 0 auto;height:760px;pointer-events:none;background:radial-gradient(circle at 18% 20%,rgba(83,117,194,.2),transparent 30%),radial-gradient(circle at 80% 18%,rgba(242,201,76,.1),transparent 24%)}.birth-shell{width:min(1160px,calc(100% - 40px));margin:0 auto}.birth-hero-section{padding:var(--page-hero-top) 0 40px;position:relative;z-index:1}.birth-layout-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:clamp(24px,5vw,60px);align-items:center}.birth-form-panel{padding:0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.birth-form-panel h1{margin:0;font-family:var(--font-title);color:#fff;font-size:clamp(2.2rem,4vw,3rem);line-height:1.15}.birth-form-copy{margin:15px 0 27px;color:var(--birth-muted);font-size:1.05rem;line-height:1.7;text-shadow:none}.birth-form-box{padding:clamp(24px,4vw,36px);border:1px solid rgba(242,201,76,.22);border-radius:20px;background:linear-gradient(135deg,#111f4299,#081128b3);box-shadow:0 20px 50px #0000004d,inset 0 1px #ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.birth-lock-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:8px}.birth-lock-box{display:flex;flex-direction:column;gap:8px}.birth-lock-box label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--birth-gold);letter-spacing:.08em;margin:0;text-shadow:none}.birth-lock-box select{width:100%;min-height:58px;border:1px solid rgba(157,181,236,.28);border-radius:14px;padding:0 36px 0 16px;color:#fff;color-scheme:dark;font:600 1.05rem var(--font-body);background:#040a1ca6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2c94c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center/14px;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 4px #0000004d}.birth-lock-box select:focus{border-color:var(--birth-gold);box-shadow:0 0 0 4px #f2c94c1f,inset 0 2px 4px #0000004d}.birth-error{min-height:21px;margin:8px 0 0;color:#ff9a9a;font-size:.82rem;text-shadow:none}.birth-submit{display:flex;width:max-content;min-width:220px;max-width:100%;min-height:54px;margin:24px auto 0;padding:0 32px;border:1px solid #ffe38a;border-radius:999px;cursor:pointer;align-items:center;justify-content:center;gap:11px;color:#16203c;background:linear-gradient(135deg,#ffe482,#f2c94c 62%,#c99d22);font:800 .95rem var(--font-body);box-shadow:0 12px 32px #f2c94c2e;transition:transform .2s ease,box-shadow .2s ease}.birth-submit:hover{transform:translateY(-2px);box-shadow:0 16px 38px #f2c94c47}.birth-visual-panel{position:relative;display:grid;place-items:center;min-height:450px;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(75,106,178,.32),transparent 43%)}.birth-visual-panel:before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(242,201,76,.14);border-radius:50%;box-shadow:0 0 80px #f2c94c0f,inset 0 0 70px #4e6fb917}.birth-visual-panel:after{content:"✦";position:absolute;top:57px;right:67px;color:var(--birth-gold);font-size:1.2rem}.birth-card-stack{--birth-card-scale: 1;position:relative;width:270px;height:370px;transform:translateY(0) scale(var(--birth-card-scale));transform-origin:center;will-change:transform;animation:floatCards 5s ease-in-out infinite}.birth-card-back{position:absolute;width:190px;aspect-ratio:10 / 17;border-radius:9px;background:url(/card-back.jpg) center/contain no-repeat;box-shadow:0 20px 40px #0006;left:10px;top:30px;transform:rotate(-10deg);z-index:1}.birth-card-front-fool{position:absolute;width:190px;aspect-ratio:10 / 17;border-radius:9px;background:url(/images/uploads/cards/0-The-Fool.jpg) center/contain no-repeat;box-shadow:0 24px 50px #00000080;right:15px;top:10px;transform:rotate(8deg);z-index:2}@keyframes floatCards{0%,to{transform:translateY(0) scale(var(--birth-card-scale))}50%{transform:translateY(-12px) scale(var(--birth-card-scale))}}.birth-result{margin-top:30px;scroll-margin-top:20px}.birth-result[hidden]{display:none}.birth-result-inner{padding:clamp(28px,5vw,56px);border:1px solid rgba(242,201,76,.26);border-radius:28px;background:linear-gradient(145deg,#0e1b3cfa,#070e21fa);box-shadow:0 30px 80px #00000057}.birth-result-head{text-align:center;max-width:760px;margin:0 auto 38px}.birth-result-label{color:var(--birth-gold);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.birth-result-title{margin:10px 0 11px;font-family:var(--font-title);font-size:clamp(1.9rem,4vw,3.15rem);color:#fff}.birth-result-pair{display:inline-flex;align-items:center;min-height:38px;padding:0 18px;margin:0 0 16px;border:1px solid rgba(242,201,76,.36);border-radius:999px;color:var(--birth-gold);background:#f2c94c12;font-weight:800;letter-spacing:.12em;text-shadow:none}.birth-result-summary{margin:0;color:var(--birth-muted);line-height:1.7;text-shadow:none}.birth-cards{display:flex;justify-content:center;align-items:flex-start;gap:clamp(18px,4vw,45px);flex-wrap:wrap}.birth-card{width:min(230px,42vw);text-align:center}.birth-card-image-shell{position:relative;border-radius:9px;background:transparent;box-shadow:0 18px 46px #0000006b;overflow:hidden}.birth-card-image{display:block;width:100%;height:auto;aspect-ratio:10 / 17;border-radius:9px;object-fit:contain}.birth-card-number{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#17203b;background:var(--birth-gold);font-weight:800;box-shadow:0 5px 16px #0006}.birth-card-role{display:block;margin-top:18px;color:var(--birth-gold);font-size:.69rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.birth-card h3{margin:6px 0 4px;color:#fff;font-family:var(--font-title);font-size:1.35rem}.birth-card p{margin:0;color:#aebbd7;font-size:.88rem;line-height:1.55;text-shadow:none}.birth-pair-meaning{max-width:860px;margin:46px auto 0;padding:clamp(24px,4vw,36px);border-radius:20px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(242,201,76,.1),transparent 68%),#ffffff09}.birth-pair-meaning-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 14px;border-radius:50%;color:#14203d;background:var(--birth-gold);box-shadow:0 0 24px #f2c94c38}.birth-pair-meaning-label{color:var(--birth-gold);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.birth-pair-meaning h3{margin:8px 0 13px;color:#fff;font-family:var(--font-title);font-size:clamp(1.4rem,3vw,2rem)}.birth-pair-meaning p{max-width:720px;margin:0 auto;color:#c3cce1;line-height:1.8;text-shadow:none}.birth-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}.birth-reading-card{padding:23px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#ffffff09}.birth-reading-card i{color:var(--birth-gold)}.birth-reading-card h3{margin:11px 0 8px;color:#fff;font-family:var(--font-title);font-size:1.2rem}.birth-reading-card p{margin:0;color:#aebbd7;font-size:.9rem;line-height:1.65;text-shadow:none}.birth-formula{margin:30px auto 0;max-width:800px;padding:18px 22px;border-left:2px solid var(--birth-gold);border-radius:0 10px 10px 0;color:#dbe2f5;background:#f2c94c0e;text-shadow:none}.birth-formula strong{color:var(--birth-gold)}.birth-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.birth-action{min-height:45px;padding:0 20px;border-radius:999px;border:1px solid rgba(242,201,76,.35);display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:transparent;cursor:pointer;font:700 .85rem var(--font-body);text-decoration:none;text-shadow:none}.birth-action:hover{background:#f2c94c1a}.birth-action--primary{border-color:#f2c94c;color:#14203d;background:linear-gradient(135deg,#ffe58b,#f2c94c)}.birth-action--primary:hover{color:#14203d;background:linear-gradient(135deg,#fff0b0,#f2c94c)}.birth-content{padding:94px 0 110px}.birth-section{max-width:900px;margin:0 auto 76px}.birth-section:last-child{margin-bottom:0}.birth-section-number{color:var(--birth-gold);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.birth-section h2{margin:10px 0 24px;color:#fff;font-family:var(--font-title);font-size:clamp(1.85rem,3.5vw,2.75rem)}.birth-section>p{color:var(--birth-muted);font-size:1.02rem;line-height:1.85;text-shadow:none}.birth-section>p strong{color:#fff}.birth-river-quote{margin:30px 0 0;padding:26px 28px;border-left:2px solid var(--birth-gold);color:#e7ebf7;font-family:var(--font-title);font-size:1.12rem;line-height:1.75;background:linear-gradient(90deg,rgba(242,201,76,.07),transparent)}.birth-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.birth-guide-step{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#ffffff08}.birth-guide-step b{display:grid;place-items:center;width:36px;height:36px;margin-bottom:16px;border-radius:50%;color:#17203b;background:var(--birth-gold)}.birth-guide-step h3{margin:0 0 8px;color:#fff;font-family:var(--font-title)}.birth-guide-step p{margin:0;color:#aebbd7;font-size:.9rem;line-height:1.65;text-shadow:none}.birth-pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.birth-pair-chip{min-width:0;padding:6px 14px 19px;border-radius:17px;color:#dce4f7;background:#ffffff08;text-align:center;text-decoration:none;text-shadow:none;transition:transform .2s ease,background .2s ease}.birth-pair-chip:hover{transform:translateY(-5px);background:#f2c94c12}.birth-pair-chip b{display:inline-block;margin-bottom:7px;padding:5px 11px;border-radius:999px;color:var(--birth-gold);background:#f2c94c14;font-size:.75rem}.birth-pair-chip strong{display:block;overflow:hidden;margin-bottom:4px;color:#fff;font-family:var(--font-title);font-size:1.02rem;white-space:nowrap;text-overflow:ellipsis}.birth-pair-chip>span{display:block;overflow:hidden;color:#919fbb;font-size:.7rem;white-space:nowrap;text-overflow:ellipsis}.birth-disclaimer{margin-top:26px;color:#8390aa!important;font-size:.82rem!important}@media(max-width:820px){.birth-layout-grid{grid-template-columns:1fr;gap:30px}.birth-visual-panel{min-height:390px}.birth-reading-grid,.birth-steps{grid-template-columns:1fr}.birth-pairs{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.birth-shell{width:min(100% - 24px,1160px)}.birth-hero-section{padding:var(--page-hero-top) 0 30px}.birth-form-panel{padding:0}.birth-form-box{padding:20px}.birth-visual-panel{min-height:360px}.birth-card-stack{--birth-card-scale: .82}.birth-result-inner{padding:29px 18px}.birth-card{width:min(190px,44vw)}.birth-card h3{font-size:1.08rem}.birth-card p{font-size:.78rem}.birth-reading-card{padding:19px}.birth-content{padding:70px 0 82px}.birth-section{margin-bottom:58px}.birth-pairs{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.birth-submit{transition:none}.birth-card-stack{animation:none}.birth-result{scroll-behavior:auto}}