*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#07070b;--text:#f5f5f7;--muted:#a3a3ad;--accent:#8b5cf6;--accent2:#22d3ee;--glass:rgba(255,255,255,.055);--border:rgba(255,255,255,.1)}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
body:before{content:"";position:fixed;inset:-30%;z-index:-3;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.16),transparent 28%),radial-gradient(circle at 80% 30%,rgba(34,211,238,.11),transparent 24%),radial-gradient(circle at 50% 90%,rgba(139,92,246,.08),transparent 30%);animation:bgMove 12s ease-in-out infinite alternate}
@keyframes bgMove{to{transform:translate3d(3%,2%,0) scale(1.05)}}
.nav{position:fixed;top:0;left:0;right:0;height:76px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:rgba(7,7,11,.55);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06);z-index:20}
.logo{font-size:29px;font-weight:800;color:white;text-decoration:none}.logo span,.section-title span,.hero h1 span,.contact-box span{color:#a78bfa}
.links{display:flex;gap:30px}.links a{color:#b8b8c2;text-decoration:none;font-size:14px;transition:.3s}.links a:hover{color:white}
.menu-btn{display:none;background:none;border:0;color:white;font-size:25px}
.section{min-height:100vh;padding:120px 7%;display:flex;align-items:center}
.hero{max-width:1250px;margin:auto;gap:8%;justify-content:center}
.hero-copy{max-width:700px}.eyebrow{letter-spacing:3px;font-size:12px;color:#a78bfa;font-weight:700;margin-bottom:17px}
.hero h1{font-size:clamp(42px,7vw,82px);line-height:1.04;letter-spacing:-4px;margin-bottom:18px}
.hero h2{font-size:clamp(22px,3vw,34px);color:#d7d7df;min-height:42px}.caret{color:#a78bfa;animation:blink .8s infinite}@keyframes blink{50%{opacity:0}}
.lead{max-width:600px;color:var(--muted);line-height:1.8;margin:18px 0 28px;font-size:16px}
.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:600;font-size:14px;transition:.3s}.primary{background:linear-gradient(100deg,#8b5cf6,#6d5dfc);color:white;box-shadow:0 10px 35px rgba(124,92,246,.25)}.primary:hover{transform:translateY(-3px);box-shadow:0 16px 45px rgba(124,92,246,.38)}.secondary{border:1px solid var(--border);color:white;background:rgba(255,255,255,.03)}.secondary:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}
.socials{display:flex;gap:20px;margin-top:27px}.socials a{color:#8f8f9a;text-decoration:none;font-size:13px}.socials a:hover{color:white}
.hero-card{width:min(390px,80vw);height:430px;position:relative;border:1px solid var(--border);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}
.orb{position:absolute;width:270px;height:270px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#22d3ee);filter:blur(45px);opacity:.45;animation:pulse 4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.2);opacity:.6}}
.avatar{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;font-size:64px;font-weight:800;background:rgba(8,8,14,.65);border:1px solid rgba(255,255,255,.2);z-index:2;box-shadow:0 0 60px rgba(139,92,246,.3)}
.code-card{position:absolute;bottom:22px;left:22px;right:22px;padding:17px;border-radius:15px;background:rgba(0,0,0,.45);border:1px solid var(--border);font-family:monospace;z-index:3}.code-card span{color:#8b5cf6;font-size:11px}.code-card strong{display:block;font-size:14px;line-height:1.5;margin:7px 0}
.narrow{display:block;max-width:1100px;margin:auto}.section-title{margin-bottom:42px}.section-title h2{font-size:clamp(30px,5vw,52px);letter-spacing:-2px}.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.glass{background:var(--glass);border:1px solid var(--border);border-radius:20px;padding:28px;backdrop-filter:blur(12px)}.glass p{color:#b1b1bb;line-height:1.9;margin-bottom:14px}.facts{display:grid;gap:12px}.facts div{padding:20px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.025)}.facts small{display:block;color:#777784;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.facts strong{font-size:14px}
.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.skill{padding:20px}.skill>div{display:flex;justify-content:space-between;margin-bottom:13px}.skill span{color:#858592;font-size:12px}.skill i{display:block;height:5px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.skill i:after{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#8b5cf6,#22d3ee);border-radius:10px;animation:load 1.5s ease both}@keyframes load{from{width:0}}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{position:relative;transition:.35s}.project:hover{transform:translateY(-8px);border-color:rgba(167,139,250,.35)}.project-no{font-size:12px;color:#8b5cf6;margin-bottom:35px}.project h3{font-size:21px;margin-bottom:10px}.project p{font-size:14px;min-height:78px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.tags span{font-size:10px;padding:6px 9px;border-radius:30px;background:rgba(139,92,246,.12);color:#b9a5ff}.project-link{color:white;text-decoration:none;font-size:13px;font-weight:600}
.contact-section{min-height:80vh;justify-content:center;text-align:center}.contact-box{max-width:800px}.contact-box h2{font-size:clamp(40px,7vw,72px);line-height:1.08;letter-spacing:-3px;margin-bottom:18px}.contact-box p:not(.eyebrow){color:#92929d;margin-bottom:25px}.contact-box .btn{margin-top:5px}
footer{border-top:1px solid rgba(255,255,255,.07);padding:25px 7%;display:flex;justify-content:space-between;color:#6e6e79;font-size:11px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
.particles{position:fixed;inset:0;z-index:-1;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.3;animation:drift linear infinite}
.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;pointer-events:none;z-index:-2;background:radial-gradient(circle,rgba(139,92,246,.08),transparent 65%);transform:translate(-50%,-50%)}
.education-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.education-card{
  position:relative;
  transition:.3s ease;
}

.education-card:hover{
  transform:translateY(-5px);
  border-color:rgba(167,139,250,.35);
}

.education-card h3{
  font-size:20px;
  margin:10px 0 6px;
}

.education-card p{
  margin:0;
}

.edu-level{
  color:#a78bfa;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.5px;
}

.current-education{
  grid-column:1 / -1;
}
#education{
  width:100%;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  clear:both;
}
#education .education-grid{
  gap:14px !important;
}

#education .education-card{
  min-height:0 !important;
  height:auto !important;
  padding:16px 20px !important;
}

#education .education-card h3{
  font-size:18px !important;
  margin:5px 0 !important;
  line-height:1.25 !important;
}

#education .education-card p{
  font-size:14px !important;
  margin:0 !important;
  line-height:1.4 !important;
}

#education .edu-level{
  margin:0 0 4px 0 !important;
}

#education .current-education{
  grid-column:1 / -1;
}
#skills .skills-grid{
  display:grid !important;
  grid-template-columns:repeat(2, 1fr) !important;
  gap:14px !important;
  align-items:stretch !important;
}

#skills .skill{
  height:105px !important;
  min-height:105px !important;
  padding:17px 24px !important;
  box-sizing:border-box !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

#skills .skill h3{
  font-size:19px !important;
  line-height:1.25 !important;
  margin:0 0 7px 0 !important;
}

#skills .skill p{
  font-size:14px !important;
  line-height:1.4 !important;
  margin:0 !important;
}
.contact-links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  margin-top:24px;
  flex-wrap:wrap;
}

.contact-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:125px;
  padding:13px 22px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  background:rgba(255,255,255,.07);
  color:white;
  text-decoration:none;
  font-weight:700;
  transition:.3s ease;
}

.contact-btn:hover{
  transform:translateY(-4px);
  border-color:#b88bfa;
  box-shadow:0 8px 25px rgba(184,139,250,.22);
}
@media(max-width:800px){.links{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 7%;background:rgba(7,7,11,.95);flex-direction:column;gap:18px}.links.open{display:flex}.menu-btn{display:block}.hero{padding-top:130px;flex-direction:column;text-align:center}.hero-copy{max-width:650px}.lead{margin-left:auto;margin-right:auto}.actions,.socials{justify-content:center}.hero-card{height:350px}.about-grid,.project-grid,.skills-grid,.education-grid{grid-template-columns:1fr}.section{padding-left:6%;padding-right:6%}.narrow{padding-top:100px;padding-bottom:80px}footer{flex-direction:column;gap:8px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}


.avatar{
  width: 808px !important;
  height: 1075px !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.avatar img{
  width: 100% !important;
  height: 100% !important;
  object-fit:contain!important;
  object-position: center !important;
  display: block !important;
  border-radius: 30px !important;
}
.code-card span{
    color: #B91C1C;
    font-weight: 700;
}