:root{--accent: #2ba283;--accent-2: #1f6feb;--bg-dark: #061427;--bg-mid: #0d1f39;--text-soft: #9fb3c8}html{scroll-behavior:smooth}body{background:#050d1c}header{background:radial-gradient(circle at 20% 20%,rgba(43,162,131,.2),transparent 45%),radial-gradient(circle at 80% 10%,rgba(31,111,235,.25),transparent 35%),linear-gradient(160deg,#091a31,#050d1c 55%,#04070d)}#nav-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050d1cb8}header .banner-text h1{font-size:clamp(2.2rem,7vw,4.6rem);letter-spacing:-1px}header .banner-text h3{width:min(880px,92%);color:#d8e5f3;font:1.1rem/1.9em librebaskerville-regular,serif}header .header-meta{margin-top:1.5rem;color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.hero-cta{margin:1.6rem auto 0;display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.hero-cta .button{border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--accent),#3cb7a0);color:#f5fffd;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.8rem 1.2rem}.hero-cta .button.outline{background:transparent;border-color:#bed6ef66;color:#dbeaff}.hero-cta .button:hover{transform:translateY(-2px);box-shadow:0 10px 26px #00000047}#about{background:linear-gradient(180deg,#060f1f,#09172c)}#about .main-col{background:#0d1f398a;border:1px solid rgba(161,191,228,.2);border-radius:18px;padding:2rem}#about .profile-pic{width:150px;height:150px;border:3px solid rgba(255,255,255,.2);box-shadow:0 12px 26px #00000047}#about .download .button{background:linear-gradient(135deg,var(--accent-2),#17a8ff);border-radius:999px}#resume{background:linear-gradient(180deg,#f6f8fb,#fff)}#resume .resume-entry{background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:1.1rem 1.25rem;margin-bottom:1rem;box-shadow:0 8px 24px #0e1c380d}.bars .skills li{background:#eff3f9;border-radius:999px;overflow:hidden;margin-bottom:18px;height:42px}.bars .skills li em{font-weight:700;letter-spacing:.02em}#resume .bar-expand{background:linear-gradient(135deg,var(--accent-2),var(--accent));border-radius:999px}#portfolio{background:linear-gradient(180deg,#061427,#0a1a31)}#portfolio h1{color:#eaf3ff}#portfolio .item-wrap{border-radius:16px;overflow:hidden;border:1px solid rgba(186,210,236,.24);box-shadow:0 10px 28px #00000042}#portfolio .item-wrap img{aspect-ratio:16 / 10;object-fit:cover}#portfolio .portfolio-item-meta h5{font-size:1.1rem}#portfolio .portfolio-item-meta p{font-size:.92rem;line-height:1.55}#contact{background:#0b1118}#contact form{background:#0f1926bf;border:1px solid rgba(173,194,217,.2);border-radius:16px;padding:1.3rem}#contact input,#contact textarea{border-radius:10px;border:1px solid rgba(147,170,197,.45);background:#fffffff5}#contact .btn-primary{border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#fff;font-weight:700;padding:.65rem 1.5rem}.submit-feedback{margin-top:.9rem;font-weight:700}.submit-feedback.success{color:#5cd39b}.submit-feedback.error{color:#ff9ea2}.submit-feedback.sending{color:#9ec8ff}footer{background:#05080e}footer .copyright{margin-top:1rem;color:#8da6c2}@media only screen and (max-width:900px){#about .main-col{margin-top:1rem}.hero-cta{justify-content:flex-start}#nav-wrap{background:#050d1cf0}}
