@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
:root{--bg:#060613;--bg2:#0d0a22;--card:rgba(25,24,39,.82);--line:rgba(154,126,255,.22);--purple:#7447f4;--cyan:#3dd7dc;--gold:#d9ad51;--text:#eeeef6;--muted:#a9a6bc}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#251044 0,transparent 30%),linear-gradient(180deg,#070714,#05050d);color:var(--text);font-family:Inter,'Noto Sans Devanagari',sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:130px 130px;opacity:.08}
a{color:inherit;text-decoration:none}.nav{height:82px;border-bottom:1px solid #252339;background:rgba(6,6,19,.88);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 5%;gap:35px;position:sticky;top:0;z-index:20}.brand{font-family:'DM Serif Display';font-size:27px;letter-spacing:1px;white-space:nowrap}.brand i{color:#8c62ff}.sun{color:var(--gold);font-size:34px}nav{display:flex;gap:27px;flex:1;justify-content:center}nav a{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:#c9c7d5}nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:15px}.lang{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.lang a{padding:7px 8px;font-size:11px}.btn{background:linear-gradient(135deg,#845cf8,#4a28b7);padding:15px 25px;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:.8px;box-shadow:0 12px 28px rgba(92,55,255,.28)}
.hero{min-height:620px;display:grid;place-items:center;text-align:center;padding:80px 5%;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(8px);opacity:.65}.hero:before{width:500px;height:500px;border:1px solid #a263ff;left:-140px;top:80px;box-shadow:0 0 100px #561b83}.hero:after{width:330px;height:330px;border:1px solid #4ed8ff;right:-80px;bottom:40px;box-shadow:0 0 90px #43288d}.eyebrow{color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:5px;text-transform:uppercase}.hero h1,.section-title{font-family:'DM Serif Display','Noto Sans Devanagari';font-size:clamp(52px,7vw,96px);line-height:.95;font-weight:400;margin:25px 0;background:linear-gradient(90deg,#fff,#d7b4ff,#78d7ff);-webkit-background-clip:text;color:transparent}.hero p{max-width:760px;color:#bdb8c8;font-family:Georgia,'Noto Sans Devanagari';font-style:italic;font-size:19px;line-height:1.8}.hero-buttons{display:flex;gap:16px;justify-content:center;margin-top:32px}.btn.alt{background:rgba(255,255,255,.04);border:1px solid #343244;box-shadow:none}.stats{display:flex;gap:0;margin-top:55px;background:rgba(28,27,45,.7);border:1px solid var(--line);border-radius:24px;overflow:hidden}.stats div{padding:18px 36px;border-right:1px solid #393648}.stats div:last-child{border:0}.stats b{display:block;color:#e7c46c;font-size:22px}.stats small{color:#aaa6b8;text-transform:uppercase;font-size:9px;letter-spacing:1.5px}
section{padding:70px 5%;position:relative}.section-head{text-align:center;margin-bottom:42px}.section-title{font-size:50px;margin:10px}.section-sub{color:var(--muted);font-family:Georgia;font-style:italic}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1260px;margin:auto}.card{background:linear-gradient(145deg,rgba(30,29,44,.9),rgba(16,16,27,.88));border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 18px 50px rgba(0,0,0,.2);transition:.25s}.card:hover{transform:translateY(-6px);border-color:#7959d9}.service-icon{font-size:58px;filter:drop-shadow(0 10px 18px rgba(103,64,255,.35))}.card h3{font-family:'DM Serif Display';font-size:22px;margin:18px 0 10px}.card p{color:var(--muted);line-height:1.7;font-size:14px}.zodiac{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1260px;margin:auto}.sign{padding:25px;border:1px solid var(--line);background:var(--card);border-radius:20px}.sign .symbol{font-size:35px;color:#b18aff}.sign b{display:block;font-family:'DM Serif Display';font-size:20px;margin:8px 0}.sign small{color:var(--muted)}
.panel{max-width:1180px;margin:35px auto;background:linear-gradient(135deg,rgba(31,26,53,.95),rgba(10,10,21,.94));border:1px solid #674bd0;border-radius:24px;padding:35px}.panel h2{font-family:'DM Serif Display';font-size:36px;margin:0 0 25px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.input{width:100%;background:#11111f;border:1px solid #35334b;color:#fff;padding:15px;border-radius:12px;font:inherit}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.metric{background:#0c0c18;border:1px solid #2a293d;padding:20px;border-radius:16px}.metric span{color:#9d99b3;font-size:11px;text-transform:uppercase;letter-spacing:1.3px}.metric b{display:block;margin-top:8px;font-size:20px}
.horoscope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lovebar{height:4px;background:#32303f;border-radius:8px;margin-top:18px}.lovebar i{display:block;height:100%;width:80%;background:linear-gradient(90deg,#805cff,#3dd7dc);border-radius:8px}
footer{border-top:1px solid #242235;padding:40px 5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#aaa6b8;font-size:13px}footer b{color:#eee}footer small{width:100%;color:#777}
@media(max-width:900px){.nav{padding:0 16px;gap:12px}.nav nav{display:none}.nav-actions{margin-left:auto}.lang{display:none}.grid{grid-template-columns:1fr}.zodiac,.horoscope-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.result-grid{grid-template-columns:1fr}.stats{flex-wrap:wrap}.stats div{flex:1;min-width:50%;padding:15px}.hero h1{font-size:55px}.section-title{font-size:38px}}
