/* ====== VARIABLES - NAVY / BLACK / WHITE ====== */
:root {
  --color-bg: #060a14;
  --color-surface: #0c1222;
  --color-surface-2: #111b30;
  --color-accent: #4a8eff;
  --color-accent-light: #7eb3ff;
  --color-accent-glow: rgba(74,142,255,0.15);
  --color-accent-glow-strong: rgba(74,142,255,0.3);
  --color-green: #34d399;
  --color-green-glow: rgba(52,211,153,0.2);
  --color-text: #dce4f0;
  --color-text-muted: #6b7fa3;
  --color-white: #f0f4fc;
  --color-dark: #030610;
  --color-navy: #0d1b3e;
  --color-navy-light: #152247;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'Space Mono', monospace;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:var(--color-accent) var(--color-bg); }
body { font-family:var(--font-body); background:var(--color-bg); color:var(--color-text); overflow-x:hidden; -webkit-font-smoothing:antialiased; }

/* ====== CURSOR ====== */
.cursor-dot { width:8px;height:8px;background:var(--color-accent);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;transition:transform .1s;mix-blend-mode:difference; }
.cursor-ring { width:40px;height:40px;border:1.5px solid var(--color-accent);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;transition:transform .15s ease-out,width .3s,height .3s;mix-blend-mode:difference; }

/* ====== NAV ====== */
.nav { position:fixed;top:0;left:0;right:0;z-index:1000;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;transition:background .4s,backdrop-filter .4s; }
.nav.scrolled { background:rgba(6,10,20,0.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(74,142,255,0.06); }
.nav-logo { font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-accent);letter-spacing:2px;text-transform:uppercase; }
.nav-links { display:flex;gap:32px;list-style:none; }
.nav-links a { color:var(--color-text-muted);text-decoration:none;font-size:.8rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;transition:color .3s;position:relative; }
.nav-links a::after { content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--color-accent);transform:scaleX(0);transition:transform .3s; }
.nav-links a:hover { color:var(--color-accent); }
.nav-links a:hover::after { transform:scaleX(1); }

/* ====== HERO ====== */
.hero { height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden; }
.hero-bg { position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(74,142,255,0.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(74,142,255,0.04) 0%,transparent 50%); }
.hero-grid { position:absolute;inset:0;background-image:linear-gradient(rgba(74,142,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(74,142,255,0.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%); }
.hero-particles { position:absolute;inset:0;overflow:hidden; }
.particle { position:absolute;width:2px;height:2px;background:var(--color-accent);border-radius:50%;opacity:0;animation:float-particle 8s infinite; }
@keyframes float-particle { 0%{opacity:0;transform:translateY(100vh) scale(0)} 10%{opacity:.5} 90%{opacity:.5} 100%{opacity:0;transform:translateY(-10vh) scale(1)} }
.hero-content { text-align:center;position:relative;z-index:2;max-width:900px;padding:0 24px; }
.hero-badge { display:inline-block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:4px;text-transform:uppercase;color:var(--color-accent);border:1px solid rgba(74,142,255,0.3);padding:8px 24px;margin-bottom:40px;opacity:0;animation:fadeInUp 1s .3s forwards; }
.hero-name { font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:1;color:var(--color-white);margin-bottom:24px;opacity:0;animation:fadeInUp 1s .5s forwards; }
.hero-name span { display:block;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.hero-subtitle { font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-muted);font-weight:300;line-height:1.7;max-width:600px;margin:0 auto 48px;opacity:0;animation:fadeInUp 1s .7s forwards; }
.hero-cta { display:inline-flex;align-items:center;gap:12px;background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);padding:16px 40px;font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all .4s;opacity:0;animation:fadeInUp 1s .9s forwards; }
.hero-cta:hover { background:var(--color-accent);color:var(--color-dark); }
.hero-cta svg { transition:transform .3s; }
.hero-cta:hover svg { transform:translateX(4px); }
@keyframes fadeInUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }

/* ====== SECTION COMMON ====== */
.section { padding:140px 48px;position:relative; }
.section-label { font-family:var(--font-mono);font-size:.7rem;letter-spacing:4px;text-transform:uppercase;color:var(--color-accent);margin-bottom:16px; }
.section-number { font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:2px; }
.section-title { font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--color-white);line-height:1.2;margin-bottom:32px; }
.section-title em { font-style:italic;color:var(--color-accent); }

/* ====== REVEAL ====== */
.reveal { opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1); }
.reveal.visible { opacity:1;transform:translateY(0); }
.reveal-delay-1{transition-delay:.1s} .reveal-delay-2{transition-delay:.2s} .reveal-delay-3{transition-delay:.3s} .reveal-delay-4{transition-delay:.4s}

/* ====== ABOUT ====== */
.about { display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1300px;margin:0 auto;align-items:center; }
.about-image-wrapper { position:relative;aspect-ratio:3/4;overflow:hidden; }
.about-image-wrapper::before { content:'';position:absolute;inset:0;border:1px solid rgba(74,142,255,0.15);z-index:2; }
.about-image-wrapper::after { content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;border:1px solid rgba(74,142,255,0.08); }
.about-image { width:100%;height:100%;object-fit:cover;filter:grayscale(30%) contrast(1.1);transition:filter .6s; }
.about-image-wrapper:hover .about-image { filter:grayscale(0%) contrast(1); }
.about-image-placeholder { width:100%;height:100%;background:linear-gradient(135deg,var(--color-surface),rgba(74,142,255,0.08));display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);letter-spacing:2px; }
.about-text p { font-size:1.05rem;line-height:1.9;color:var(--color-text-muted);margin-bottom:24px;font-weight:300; }
.about-text p strong { color:var(--color-white);font-weight:500; }
.about-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;padding-top:48px;border-top:1px solid rgba(74,142,255,0.12); }
.stat-number { font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-accent);line-height:1; }
.stat-label { font-size:.78rem;color:var(--color-text-muted);margin-top:8px;line-height:1.4; }

/* ====== GALLERY ====== */
.gallery-row { display:flex;gap:16px;margin-top:80px;overflow:hidden; }
.gallery-item { flex:1;aspect-ratio:16/10;overflow:hidden;position:relative; }
.gallery-placeholder { width:100%;height:100%;background:linear-gradient(135deg,var(--color-surface),rgba(74,142,255,0.06));display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:2px;transition:transform .5s; }
.gallery-item:hover .gallery-placeholder { transform:scale(1.05); }

/* ====== PHILOSOPHY SCROLL ====== */
.philosophy-section { padding:140px 0;overflow:hidden;position:relative; }
.philosophy-section::before { content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(74,142,255,0.15),transparent); }
.philosophy-header { padding:0 48px;margin-bottom:80px; }
.philosophy-track { display:flex;gap:32px;padding:0 48px;animation:scroll-track 30s linear infinite;width:max-content; }
.philosophy-track:hover { animation-play-state:paused; }
@keyframes scroll-track { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.philosophy-card { flex-shrink:0;width:420px;padding:56px 40px;background:var(--color-surface);border:1px solid rgba(74,142,255,0.06);position:relative;overflow:hidden;transition:border-color .4s,box-shadow .4s; }
.philosophy-card:hover { border-color:rgba(74,142,255,0.25);box-shadow:0 0 40px rgba(74,142,255,0.06); }
.philosophy-card::before { content:'';position:absolute;top:0;left:0;width:60px;height:60px;background:linear-gradient(135deg,rgba(74,142,255,0.08),transparent); }
.card-icon { font-size:2rem;margin-bottom:24px; }
.card-number { font-family:var(--font-mono);font-size:.65rem;color:var(--color-accent);letter-spacing:3px;margin-bottom:16px; }
.card-title { font-family:var(--font-display);font-size:1.4rem;color:var(--color-white);margin-bottom:16px;font-weight:700; }
.card-text { font-size:.92rem;line-height:1.7;color:var(--color-text-muted);font-weight:300; }

/* ====== MANIFESTO ====== */
.manifesto { min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background:var(--color-dark);overflow:hidden; }
.manifesto::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(74,142,255,0.06) 0%,transparent 70%); }
.manifesto-content { max-width:800px;padding:0 24px;position:relative;z-index:2; }
.manifesto-quote { font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);font-weight:400;font-style:italic;line-height:1.5;color:var(--color-white);margin-bottom:32px; }
.manifesto-quote span { color:var(--color-accent); }
.manifesto-attr { font-family:var(--font-mono);font-size:.75rem;letter-spacing:3px;text-transform:uppercase;color:var(--color-text-muted); }
.big-quote { font-family:var(--font-display);font-size:15rem;color:rgba(74,142,255,0.04);position:absolute;top:-40px;left:40px;line-height:1;user-select:none; }

/* ====== GOALS SECTION (replaces old simulator) ====== */
.goals-section {
  position:relative;
  overflow:hidden;
  padding:0;
}

.goals-intro {
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:80px 24px;
  position:relative;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(74,142,255,0.12) 0%,transparent 50%),
    radial-gradient(ellipse at 50% 100%,rgba(52,211,153,0.06) 0%,transparent 40%),
    var(--color-dark);
}
.goals-intro::before {
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(74,142,255,0.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,142,255,0.02) 1px,transparent 1px);
  background-size:40px 40px;
}

.goals-tag {
  font-family:var(--font-mono);
  font-size:.65rem;
  letter-spacing:6px;
  text-transform:uppercase;
  color:var(--color-green);
  margin-bottom:24px;
  position:relative;z-index:1;
}
.goals-big-title {
  font-family:var(--font-display);
  font-size:clamp(2.5rem,7vw,5rem);
  font-weight:900;
  color:var(--color-white);
  line-height:1.1;
  margin-bottom:16px;
  position:relative;z-index:1;
}
.goals-big-title .accent { color:var(--color-accent); }
.goals-big-title .green { color:var(--color-green); }
.goals-subtitle-intro {
  font-size:clamp(1rem,2vw,1.2rem);
  color:var(--color-text-muted);
  max-width:650px;
  line-height:1.8;
  margin-bottom:60px;
  font-weight:300;
  position:relative;z-index:1;
}

/* Goal Cards Grid */
.goals-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:24px;
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
  position:relative;z-index:1;
}

.goal-card {
  background:var(--color-surface);
  border:1px solid rgba(74,142,255,0.08);
  border-radius:12px;
  padding:40px 32px;
  text-align:center;
  cursor:pointer;
  transition:all .4s;
  position:relative;
  overflow:hidden;
}
.goal-card::before {
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--color-accent),var(--color-green));
  transform:scaleX(0);
  transition:transform .4s;
}
.goal-card:hover::before,
.goal-card.active::before { transform:scaleX(1); }
.goal-card:hover,
.goal-card.active {
  border-color:rgba(74,142,255,0.25);
  box-shadow:0 0 40px rgba(74,142,255,0.08);
  transform:translateY(-4px);
}
.goal-card-icon { font-size:2.5rem;margin-bottom:16px; }
.goal-card-name {
  font-family:var(--font-display);
  font-size:1.2rem;
  color:var(--color-white);
  font-weight:700;
  margin-bottom:8px;
}
.goal-card-amount {
  font-family:var(--font-mono);
  font-size:1.1rem;
  color:var(--color-green);
  font-weight:700;
  margin-bottom:4px;
}
.goal-card-time {
  font-family:var(--font-mono);
  font-size:.7rem;
  color:var(--color-text-muted);
  letter-spacing:1px;
}

/* Goal Calculator */
.goal-calculator {
  max-width:900px;
  margin:64px auto 0;
  padding:0 24px;
  position:relative;z-index:1;
}
.goal-calc-box {
  background:var(--color-surface);
  border:1px solid rgba(74,142,255,0.1);
  border-radius:16px;
  padding:48px;
}
.goal-calc-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:40px;
  flex-wrap:wrap;
  gap:16px;
}
.goal-calc-header h3 {
  font-family:var(--font-display);
  font-size:clamp(1.3rem,3vw,1.8rem);
  color:var(--color-white);
  font-weight:700;
}
.goal-calc-header .goal-selected-badge {
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--color-green);
  background:rgba(52,211,153,0.1);
  border:1px solid rgba(52,211,153,0.2);
  padding:8px 16px;
  border-radius:100px;
}
.goal-controls {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  margin-bottom:40px;
}
.goal-control-group {
  display:flex;
  flex-direction:column;
  gap:8px;
}
.goal-control-label {
  font-family:var(--font-mono);
  font-size:.65rem;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--color-text-muted);
}
.goal-control-value {
  font-size:1.3rem;
  font-weight:700;
  color:var(--color-accent);
}
.goal-control-value.green { color:var(--color-green); }
.goal-calc-box input[type=range] {
  -webkit-appearance:none;
  width:100%;
  height:4px;
  background:var(--color-surface-2);
  border-radius:2px;
  outline:none;
  cursor:pointer;
}
.goal-calc-box input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none;
  width:18px;height:18px;
  border-radius:50%;
  background:var(--color-accent);
  border:3px solid var(--color-bg);
  box-shadow:0 0 10px rgba(74,142,255,0.4);
  cursor:pointer;
}
.goal-calc-box input[type=range]::-moz-range-thumb {
  width:18px;height:18px;
  border-radius:50%;
  background:var(--color-accent);
  border:3px solid var(--color-bg);
  box-shadow:0 0 10px rgba(74,142,255,0.4);
  cursor:pointer;
}

/* Goal Results */
.goal-results {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:32px;
}
.goal-result-card {
  background:rgba(74,142,255,0.04);
  border:1px solid rgba(74,142,255,0.08);
  border-radius:8px;
  padding:24px;
  text-align:center;
}
.goal-result-label {
  font-family:var(--font-mono);
  font-size:.6rem;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--color-text-muted);
  margin-bottom:8px;
}
.goal-result-value {
  font-family:var(--font-display);
  font-size:clamp(1.2rem,2.5vw,1.6rem);
  font-weight:700;
  color:var(--color-white);
}
.goal-result-value.green { color:var(--color-green); }
.goal-result-value.accent { color:var(--color-accent); }

/* Progress bar */
.goal-progress-wrapper {
  margin-top:32px;
}
.goal-progress-header {
  display:flex;
  justify-content:space-between;
  margin-bottom:12px;
}
.goal-progress-text {
  font-family:var(--font-mono);
  font-size:.7rem;
  color:var(--color-text-muted);
  letter-spacing:1px;
}
.goal-progress-bar {
  width:100%;
  height:8px;
  background:var(--color-surface-2);
  border-radius:4px;
  overflow:hidden;
}
.goal-progress-fill {
  height:100%;
  background:linear-gradient(90deg,var(--color-accent),var(--color-green));
  border-radius:4px;
  transition:width 0.8s cubic-bezier(0.4,0,0.2,1);
  box-shadow:0 0 12px rgba(52,211,153,0.3);
}

/* Goal CTA */
.goal-cta-wrapper {
  text-align:center;
  margin-top:48px;
  position:relative;z-index:1;
}
.goal-cta {
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:transparent;
  border:1px solid var(--color-accent);
  color:var(--color-accent);
  padding:16px 40px;
  font-family:var(--font-body);
  font-size:.85rem;
  font-weight:500;
  letter-spacing:2px;
  text-transform:uppercase;
  cursor:pointer;
  text-decoration:none;
  transition:all .4s;
}
.goal-cta:hover {
  background:var(--color-accent);
  color:var(--color-dark);
}

/* ====== TIMELINE ====== */
.timeline-section { max-width:1100px;margin:0 auto; }
.timeline { position:relative;padding-left:80px; }
.timeline::before { content:'';position:absolute;left:30px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(74,142,255,0.3),rgba(74,142,255,0.03)); }
.timeline-item { position:relative;padding-bottom:72px; }
.timeline-dot { position:absolute;left:-54px;top:6px;width:12px;height:12px;border-radius:50%;border:2px solid var(--color-accent);background:var(--color-bg);transition:background .3s; }
.timeline-item:hover .timeline-dot { background:var(--color-accent); }
.timeline-year { font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);letter-spacing:2px;margin-bottom:8px; }
.timeline-role { font-family:var(--font-display);font-size:1.5rem;color:var(--color-white);font-weight:700;margin-bottom:6px; }
.timeline-company { font-size:1rem;color:var(--color-accent-light);margin-bottom:12px;font-weight:500; }
.timeline-desc { font-size:.95rem;line-height:1.8;color:var(--color-text-muted);font-weight:300;max-width:600px; }

/* ====== EXPERTISE ====== */
.expertise-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:2px;max-width:1200px;margin:80px auto 0; }
.expertise-item { background:var(--color-surface);padding:56px 40px;position:relative;overflow:hidden;transition:all .5s;cursor:default; }
.expertise-item::before { content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-accent);transform:scaleX(0);transition:transform .5s; }
.expertise-item:hover::before { transform:scaleX(1); }
.expertise-item:hover { background:rgba(74,142,255,0.04); }
.expertise-icon { font-size:1.8rem;margin-bottom:20px; }
.expertise-name { font-family:var(--font-display);font-size:1.15rem;color:var(--color-white);font-weight:700;margin-bottom:12px; }
.expertise-desc { font-size:.85rem;color:var(--color-text-muted);line-height:1.7;font-weight:300; }

/* Expertise quote */
.expertise-quote-section {
  max-width:900px;
  margin:80px auto 0;
  text-align:center;
  padding:0 24px;
}
.expertise-quote {
  font-family:var(--font-display);
  font-size:clamp(1.2rem,2.5vw,1.6rem);
  font-style:italic;
  color:var(--color-white);
  line-height:1.6;
  margin-bottom:16px;
}
.expertise-quote span {
  color:var(--color-accent);
}
.expertise-quote-attr {
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--color-text-muted);
}

/* ====== EDUCATION ====== */
.education-grid { display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:60px auto 0; }
.edu-card { padding:48px;background:var(--color-surface);border-left:3px solid var(--color-accent);transition:transform .3s; }
.edu-card:hover { transform:translateX(8px); }
.edu-institution { font-family:var(--font-display);font-size:1.2rem;color:var(--color-white);font-weight:700;margin-bottom:8px; }
.edu-degree { font-size:.95rem;color:var(--color-accent-light);margin-bottom:4px; }
.edu-years { font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);letter-spacing:1px; }

/* ====== CONTACT ====== */
.contact { max-width:900px;margin:0 auto;text-align:center; }
.contact-links { display:flex;justify-content:center;gap:24px;margin-top:48px;flex-wrap:wrap; }
.contact-link { display:inline-flex;align-items:center;gap:10px;padding:18px 36px;border:1px solid rgba(74,142,255,0.25);color:var(--color-accent);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:1px;transition:all .4s; }
.contact-link:hover { background:var(--color-accent);color:var(--color-dark);border-color:var(--color-accent); }
.contact-link svg { width:18px;height:18px; }

/* ====== FOOTER ====== */
.footer { padding:48px;text-align:center;border-top:1px solid rgba(74,142,255,0.06); }
.footer-text { font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);letter-spacing:2px; }

/* ====== DIVIDER ====== */
.section-divider { width:60px;height:1px;background:var(--color-accent);margin:0 auto 60px;opacity:.4; }

/* ====== NOISE ====== */
.noise-overlay { position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat; }

/* ====== COUNTER ====== */
.counter { display:inline-block; }

/* ====== RESPONSIVE ====== */
@media(max-width:1024px){
  .about{grid-template-columns:1fr;gap:48px}
  .expertise-grid{grid-template-columns:1fr 1fr}
  .education-grid{grid-template-columns:1fr}
  .goal-results{grid-template-columns:1fr 1fr}
  .goal-controls{grid-template-columns:1fr}
  .goals-grid{grid-template-columns:repeat(2,1fr)}
  .section{padding:100px 24px}
  .nav{padding:16px 24px}
  .nav-links{display:none}
}
@media(max-width:640px){
  .expertise-grid{grid-template-columns:1fr}
  .about-stats{grid-template-columns:1fr;gap:24px}
  .philosophy-card{width:300px;padding:40px 28px}
  .cursor-dot,.cursor-ring{display:none}
  .goals-grid{grid-template-columns:1fr}
  .goal-results{grid-template-columns:1fr}
  .goal-calc-box{padding:32px 20px}
}