/*
Theme Name: Aditya Pandya Universe Clean
Theme URI: https://pandyaaditya.com/
Author: OpenAI / ChatGPT
Description: A cleaner, premium personal-brand WordPress theme for Aditya Pandya, with separate pages for Science, AccordingToAd, Medicine, Cricket, Arts, Singing, Dancing, Acting, and Contact.
Version: 1.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aditya-pandya-universe-clean
*/

:root {
  --bg: #0f151c;
  --bg-soft: #121b24;
  --surface: rgba(255, 255, 255, 0.055);
  --surface-strong: rgba(255, 255, 255, 0.086);
  --text: #f4fbff;
  --muted: #a7b6c4;
  --muted-2: #7f91a0;
  --blue: #7dd3fc;
  --blue-strong: #38bdf8;
  --blue-soft: rgba(125, 211, 252, 0.13);
  --line: rgba(177, 217, 236, 0.15);
  --line-strong: rgba(177, 217, 236, 0.24);
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.34);
  --radius: 28px;
  --radius-sm: 18px;
  --max: 1160px;
  --header: 76px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 80% -10%, rgba(125, 211, 252, 0.17), transparent 34rem),
    radial-gradient(circle at 2% 18%, rgba(56, 189, 248, 0.075), transparent 26rem),
    linear-gradient(180deg, #0f151c 0%, #111923 42%, #0b1016 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}
body.nav-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }
::selection { background: rgba(125, 211, 252, 0.28); }

.site-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.site-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.18;
  background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, black, transparent 72%);
}
.soft-glow {
  position: absolute;
  width: 38rem;
  height: 38rem;
  right: -18rem;
  top: 5rem;
  border-radius: 999px;
  background: rgba(125, 211, 252, 0.16);
  filter: blur(96px);
}

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  height: var(--header);
  border-bottom: 1px solid rgba(177, 217, 236, 0.12);
  background: rgba(15, 21, 28, 0.68);
  backdrop-filter: blur(20px);
  transition: 0.22s ease;
}
.site-header.scrolled { background: rgba(10, 15, 21, 0.88); box-shadow: 0 12px 40px rgba(0,0,0,.24); }
.header-inner {
  width: min(var(--max), calc(100% - 2rem));
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  min-width: max-content;
  font-weight: 850;
  letter-spacing: -0.04em;
}
.brand-mark {
  width: 2.45rem;
  height: 2.45rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(125, 211, 252, 0.42);
  border-radius: 14px;
  color: #031019;
  background: linear-gradient(135deg, #b9efff, var(--blue));
  box-shadow: 0 0 32px rgba(125,211,252,.18);
}
.brand-text { font-size: 1.04rem; }
.main-nav { display: flex; align-items: center; gap: .22rem; }
.main-nav > a,
.has-dropdown > button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: 0 .86rem;
  border: 0;
  border-radius: 999px;
  color: rgba(244, 251, 255, .78);
  background: transparent;
  cursor: pointer;
  transition: .2s ease;
}
.main-nav > a:hover,
.main-nav > a.active,
.has-dropdown:hover > button,
.has-dropdown.active > button,
.has-dropdown > button:focus-visible {
  color: var(--text);
  background: rgba(255,255,255,.06);
}
.nav-cta {
  margin-left: .25rem;
  color: #04131d !important;
  background: linear-gradient(135deg, #b7efff, var(--blue)) !important;
  font-weight: 850;
}
.nav-item { position: relative; }
.dropdown-menu {
  position: absolute;
  top: calc(100% + .7rem);
  left: 0;
  min-width: 220px;
  padding: .46rem;
  border: 1px solid var(--line-strong);
  border-radius: 18px;
  background: rgba(13, 19, 26, 0.96);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(7px);
  transition: .18s ease;
}
.has-dropdown:hover .dropdown-menu,
.has-dropdown:focus-within .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown-menu a {
  display: block;
  padding: .78rem .82rem;
  border-radius: 13px;
  color: rgba(244, 251, 255, .78);
}
.dropdown-menu a:hover,
.dropdown-menu a.active { color: var(--text); background: rgba(125,211,252,.1); }
.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  cursor: pointer;
}
.nav-toggle span { display: block; width: 19px; height: 2px; margin: 4px auto; border-radius: 10px; background: var(--text); transition: .2s ease; }
.nav-open .nav-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.nav-open .nav-toggle span:nth-child(2) { opacity: 0; }
.nav-open .nav-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

main { padding-top: var(--header); }
.section {
  width: min(var(--max), calc(100% - 2rem));
  margin: 0 auto;
  padding: 6.6rem 0;
}
.hero,
.page-hero {
  min-height: calc(100vh - var(--header));
  display: grid;
  grid-template-columns: 1.03fr .97fr;
  align-items: center;
  gap: 4.2rem;
  padding-top: 5.4rem;
  padding-bottom: 5.6rem;
}
.page-hero { min-height: 70vh; padding-top: 5.4rem; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .62rem;
  margin: 0 0 1.1rem;
  color: var(--blue);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.eyebrow::before {
  content: "";
  width: 2rem;
  height: 1px;
  background: linear-gradient(90deg, var(--blue), transparent);
}
h1, h2, h3, p { margin-top: 0; }
h1 {
  max-width: 820px;
  margin-bottom: 1.25rem;
  font-size: clamp(3rem, 6.4vw, 6.75rem);
  line-height: .94;
  letter-spacing: -.075em;
}
h1 em {
  display: block;
  color: transparent;
  font-style: normal;
  background: linear-gradient(135deg, #ffffff 0%, #c7f3ff 36%, var(--blue) 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
h2 {
  margin-bottom: 1rem;
  font-size: clamp(2rem, 4vw, 4.35rem);
  line-height: 1;
  letter-spacing: -.065em;
}
h3 {
  margin-bottom: .65rem;
  font-size: 1.3rem;
  line-height: 1.14;
  letter-spacing: -.045em;
}
p { color: var(--muted); line-height: 1.75; }
.hero-lede, .page-lede { max-width: 660px; font-size: clamp(1.02rem, 1.45vw, 1.22rem); }
.hero-actions, .page-actions, .contact-actions { display: flex; flex-wrap: wrap; gap: .82rem; margin-top: 2rem; }
.btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.18rem;
  border-radius: 999px;
  font-weight: 850;
  transition: .22s ease;
}
.btn-primary { color: #04131d; background: linear-gradient(135deg, #c1f3ff, var(--blue)); box-shadow: 0 14px 44px rgba(56,189,248,.16); }
.btn-secondary { color: var(--text); border: 1px solid var(--line-strong); background: rgba(255,255,255,.045); }
.btn:hover { transform: translateY(-2px); }

.hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 2rem;
}
.hero-meta span,
.pill-row span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: .25rem .75rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: rgba(244,251,255,.78);
  background: rgba(255,255,255,.035);
  font-size: .88rem;
  font-weight: 700;
}

.hero-visual, .page-visual { display: flex; justify-content: center; }
.portrait-card {
  position: relative;
  width: min(100%, 430px);
  border: 1px solid var(--line-strong);
  border-radius: 36px;
  padding: .82rem;
  background: linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
  box-shadow: var(--shadow);
}
.portrait-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(145deg, rgba(125,211,252,.42), transparent 35%, rgba(255,255,255,.12));
}
.portrait-frame {
  overflow: hidden;
  border-radius: 28px;
  background: #17212b;
  aspect-ratio: 4 / 5;
}
.portrait-frame img { width: 100%; height: 100%; object-fit: cover; }
.portrait-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem .35rem .2rem;
}
.portrait-caption strong { display: block; letter-spacing: -.03em; }
.portrait-caption span { color: var(--muted); font-size: .92rem; }
.status-dot { width: .68rem; height: .68rem; border-radius: 999px; background: var(--blue); box-shadow: 0 0 22px rgba(125,211,252,.72); }

.page-card-visual,
.clean-device {
  width: min(100%, 430px);
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.3rem;
  border: 1px solid var(--line-strong);
  border-radius: 36px;
  padding: 1.25rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.034)),
    radial-gradient(circle at top right, rgba(125,211,252,.17), transparent 17rem);
  box-shadow: var(--shadow);
}
.visual-top { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: .88rem; }
.visual-icon {
  width: 4.8rem;
  height: 4.8rem;
  display: grid;
  place-items: center;
  border-radius: 24px;
  color: #031019;
  background: linear-gradient(135deg, #d7f7ff, var(--blue));
  font-size: 2rem;
  font-weight: 900;
}
.visual-lines { display: grid; gap: .7rem; }
.visual-lines span { height: .74rem; border-radius: 999px; background: rgba(255,255,255,.12); }
.visual-lines span:nth-child(1) { width: 88%; }
.visual-lines span:nth-child(2) { width: 64%; }
.visual-lines span:nth-child(3) { width: 74%; }
.visual-bottom { display: flex; flex-wrap: wrap; gap: .5rem; }
.visual-bottom span { padding: .48rem .68rem; border: 1px solid var(--line); border-radius: 999px; color: rgba(244,251,255,.74); background: rgba(255,255,255,.04); font-size: .82rem; font-weight: 750; }

.intro-panel,
.manifesto-panel,
.contact-card,
.feature-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.032));
  box-shadow: 0 16px 60px rgba(0,0,0,.18);
}
.intro-panel { padding: 2rem; }
.intro-panel p { margin: 0; max-width: 980px; color: rgba(244,251,255,.82); font-size: clamp(1.1rem, 2vw, 1.55rem); line-height: 1.55; letter-spacing: -.035em; }
.section-heading { max-width: 760px; margin-bottom: 2rem; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.card,
.world-card,
.detail-card,
.art-card {
  position: relative;
  min-height: 260px;
  padding: 1.35rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,.045);
  transition: .22s ease;
}
.card:hover,
.world-card:hover,
.detail-card:hover,
.art-card:hover { transform: translateY(-4px); border-color: rgba(125,211,252,.32); background: rgba(255,255,255,.065); }
.card-kicker { margin-bottom: 1.1rem; color: var(--blue); font-size: .78rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.card p, .detail-card p, .art-card p { margin-bottom: 1.2rem; }
.card-link { display: inline-flex; align-items: center; gap: .4rem; margin-top: auto; color: var(--blue); font-weight: 850; }
.card-link:hover { color: #c6f3ff; }
.sub-links { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.35rem; }
.sub-links a { padding: .55rem .7rem; border: 1px solid var(--line); border-radius: 999px; color: rgba(244,251,255,.76); background: rgba(255,255,255,.035); font-size: .86rem; font-weight: 750; }
.sub-links a:hover { color: var(--text); border-color: rgba(125,211,252,.34); }
.manifesto-panel,
.contact-card,
.feature-panel { padding: clamp(1.45rem, 4vw, 3rem); }
.manifesto-panel span { display: inline-flex; margin-bottom: .9rem; color: var(--blue); font-weight: 850; letter-spacing: .16em; text-transform: uppercase; font-size: .78rem; }
.manifesto-panel p { max-width: 760px; margin-bottom: 0; }
.contact-card { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2rem; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; }
.pill-row { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.25rem; }
.number,
.art-icon {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.5rem;
  border-radius: 16px;
  color: #04131d;
  background: linear-gradient(135deg, #c9f4ff, var(--blue));
  font-weight: 900;
}
.art-icon { font-size: 1.25rem; }
.media-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; }
.media-tile { min-height: 94px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(135deg, rgba(125,211,252,.14), rgba(255,255,255,.04)); }
.metric-list { display: grid; gap: .8rem; }
.metric { padding: 1rem; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.04); }
.metric strong { display: block; color: var(--text); margin-bottom: .2rem; }
.metric span { color: var(--muted); font-size: .92rem; }
.site-footer {
  width: min(var(--max), calc(100% - 2rem));
  margin: 0 auto;
  padding: 2rem 0 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-top: 1px solid var(--line);
  color: var(--muted-2);
  font-size: .94rem;
}
.site-footer p { margin: 0; color: inherit; }
.site-footer div { display: flex; flex-wrap: wrap; gap: 1rem; }
.site-footer a:hover { color: var(--text); }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 980px) {
  :root { --header: 70px; }
  .nav-toggle { display: block; }
  .main-nav {
    position: fixed;
    inset: var(--header) 0 auto;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
    padding: 1rem;
    border-bottom: 1px solid var(--line);
    background: rgba(10, 15, 21, .96);
    backdrop-filter: blur(18px);
  }
  .nav-open .main-nav { display: flex; }
  .main-nav > a, .has-dropdown > button { justify-content: space-between; width: 100%; min-height: 48px; }
  .nav-cta { margin-left: 0; justify-content: center !important; }
  .dropdown-menu { position: static; display: none; min-width: 0; margin: .15rem 0 .5rem; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: rgba(255,255,255,.035); }
  .dropdown-open .dropdown-menu { display: block; }
  .hero, .page-hero, .two-col, .contact-card { grid-template-columns: 1fr; }
  .hero, .page-hero { min-height: auto; gap: 2.8rem; padding-top: 4.3rem; }
  .grid-3 { grid-template-columns: 1fr; }
  .grid-2 { grid-template-columns: 1fr; }
  .contact-card { align-items: start; }
  .site-footer { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 640px) {
  .section { width: min(100% - 1.1rem, var(--max)); padding: 4.8rem 0; }
  .header-inner { width: min(100% - 1rem, var(--max)); }
  h1 { font-size: clamp(3rem, 16vw, 4.3rem); }
  .hero-actions, .page-actions, .contact-actions { flex-direction: column; }
  .btn { width: 100%; }
  .portrait-card, .page-card-visual { border-radius: 26px; }
  .portrait-frame { border-radius: 20px; }
  .media-grid { grid-template-columns: 1fr 1fr; }
}