.sign-detail{--sign:#8d82de;--sign-rgb:141,130,222;max-width:1160px;padding-top:42px}.sign-detail.fire{--sign:#ef7c70;--sign-rgb:239,124,112}.sign-detail.earth{--sign:#c7a570;--sign-rgb:199,165,112}.sign-detail.air{--sign:#82bcca;--sign-rgb:130,188,202}.sign-detail.water{--sign:#8d82de;--sign-rgb:141,130,222}.sign-detail-hero{display:grid;grid-template-columns:minmax(0,1.15fr) 390px;gap:70px;align-items:center;min-height:570px;padding-bottom:65px}.sign-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:40px;color:var(--muted);font-size:13px}.sign-back:hover{color:#fff}.sign-title-row{display:flex;align-items:center;gap:24px;margin:18px 0}.sign-detail-orb{position:relative;display:grid;place-items:center;width:100px;height:100px;border-radius:29px;background:rgba(var(--sign-rgb),.14);border:1px solid rgba(var(--sign-rgb),.35);font-size:56px;color:var(--sign);box-shadow:0 18px 55px rgba(var(--sign-rgb),.12)}.sign-detail-orb:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(var(--sign-rgb),.15);border-radius:34px;transform:rotate(7deg)}.sign-title-row>div:last-child>p{margin:0;color:var(--sign);font-size:12px;font-weight:700;letter-spacing:.8px}.sign-detail h1{font:700 clamp(55px,7vw,84px)/.95 'Manrope';letter-spacing:-4px;margin:5px 0}.sign-intro{max-width:680px;color:#c3c6da;font-size:18px;line-height:1.75}.sign-attributes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.sign-attributes>div{display:grid;grid-template-columns:auto 1fr;gap:0 13px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#ffffff06}.sign-attributes>div>span{grid-row:1/4;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(var(--sign-rgb),.12);color:var(--sign)}.sign-attributes small,.sign-attributes strong,.sign-attributes p{display:block}.sign-attributes small{color:var(--dim);font-size:10px}.sign-attributes strong{font-size:14px}.sign-attributes p{margin:1px 0 0;color:var(--muted);font-size:11px}.sign-portrait{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:4/5;border:1px solid rgba(var(--sign-rgb),.3);border-radius:38px;background:radial-gradient(circle at 50% 35%,rgba(var(--sign-rgb),.38),transparent 36%),linear-gradient(145deg,#1a1d35,#0b0e1c);box-shadow:0 35px 90px #0007;overflow:hidden}.sign-portrait:before,.sign-portrait:after{content:"";position:absolute;border:1px solid rgba(var(--sign-rgb),.18);border-radius:50%}.sign-portrait:before{width:310px;height:310px}.sign-portrait:after{width:235px;height:235px}.portrait-ring{position:relative;z-index:2;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:rgba(var(--sign-rgb),.18);border:1px solid rgba(var(--sign-rgb),.3);font-size:88px;box-shadow:0 0 75px rgba(var(--sign-rgb),.28)}.portrait-stars{position:absolute;inset:35px;color:var(--gold);font-size:10px}.portrait-stars i{position:absolute;right:5px;top:25%;font-style:normal}.portrait-stars b{position:absolute;left:18%;bottom:15%}.sign-portrait>small,.sign-portrait>strong,.sign-portrait>p{position:relative;z-index:2}.sign-portrait>small{margin-top:32px;color:var(--sign);font-size:10px;letter-spacing:2px;text-transform:uppercase}.sign-portrait>strong{font:700 27px 'Manrope';margin-top:4px}.sign-portrait>p{margin:2px;color:var(--muted);font-size:12px}.sign-content{padding-top:58px;border-top:1px solid var(--line)}.sign-content>header{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:25px}.sign-content>header small,.sign-cta small,.sign-related header small{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1.5px}.sign-content>header h2,.sign-related h2{font:700 31px 'Manrope';letter-spacing:-1.3px;margin:5px 0}.sign-content>header>p{max-width:440px;color:var(--muted);font-size:13px}.sign-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.facet-card{position:relative;grid-column:span 2;min-height:245px;padding:24px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(var(--sign-rgb),.11),transparent 40%),linear-gradient(145deg,#181b31,#0e1121);overflow:hidden;transition:.25s}.facet-card:nth-child(4),.facet-card:nth-child(5){grid-column:span 3}.facet-card:hover{transform:translateY(-5px);border-color:rgba(var(--sign-rgb),.5)}.facet-top{display:flex;align-items:center;justify-content:space-between}.facet-top>span{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;background:rgba(var(--sign-rgb),.13);color:var(--sign)}.facet-top small{color:var(--sign);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.facet-card h3{font:700 20px 'Manrope';margin:25px 0 8px}.facet-card p{position:relative;z-index:2;color:var(--muted);font-size:14px;line-height:1.7}.facet-number{position:absolute;right:13px;bottom:-20px;color:#ffffff08;font:800 75px 'Manrope'}.sign-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:55px;padding:27px 31px;border:1px solid rgba(var(--sign-rgb),.26);border-radius:22px;background:linear-gradient(100deg,rgba(var(--sign-rgb),.1),#ffffff04)}.sign-cta>div{display:flex;align-items:center;gap:18px}.sign-cta>div>span{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(var(--sign-rgb),.15);color:var(--sign)}.sign-cta h2{font:700 21px 'Manrope';margin:3px 0}.sign-cta p{margin:0;color:var(--muted);font-size:12px}.sign-cta>a{display:flex;align-items:center;gap:15px;padding:13px 17px;border-radius:13px;background:#fff;color:#111326;font-size:12px;font-weight:800}.sign-related{margin-top:62px}.sign-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sign-related a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:16px;background:#ffffff05}.sign-related a>span{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:rgba(var(--sign-rgb),.13);color:var(--sign);font-size:27px}.sign-related h3{font:700 16px 'Manrope';margin:2px 0}.sign-related a small{color:var(--dim);font-size:10px}.sign-related a>i{color:var(--dim);font-size:11px}
@media(max-width:850px){.sign-detail-hero{grid-template-columns:1fr 300px;gap:35px}.sign-card-grid{grid-template-columns:1fr 1fr}.facet-card,.facet-card:nth-child(4),.facet-card:nth-child(5){grid-column:auto}.facet-card:last-child{grid-column:1/-1}.sign-related>div{grid-template-columns:1fr}}
@media(max-width:620px){.sign-detail{padding-top:30px}.sign-detail-hero{grid-template-columns:1fr;min-height:auto}.sign-portrait{display:none}.sign-back{margin-bottom:28px}.sign-title-row{gap:18px}.sign-detail-orb{width:78px;height:78px;font-size:43px}.sign-detail h1{font-size:49px;letter-spacing:-2.5px}.sign-intro{font-size:16px}.sign-attributes{grid-template-columns:1fr}.sign-content>header{display:block}.sign-content>header>p{margin-top:8px}.sign-card-grid{grid-template-columns:1fr}.facet-card:last-child{grid-column:auto}.facet-card{min-height:210px}.sign-cta{align-items:flex-start;flex-direction:column;padding:23px}.sign-cta>a{width:100%;justify-content:space-between}}