:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080b14;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#e5edff;background:radial-gradient(circle at 12% 12%,#1f3a8a55 0%,#0000 40%),radial-gradient(circle at 80% 20%,#9333ea44 0%,#0000 35%),linear-gradient(160deg,#080b14 0%,#0f172a 45%,#111827 100%)}.app{width:min(1120px,92vw);margin:0 auto;padding:88px 0 42px}main{gap:24px;display:grid}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#0a1020cc;border:1px solid #ffffff24;border-radius:999px;justify-content:space-between;align-items:center;width:min(1120px,92vw);padding:10px 20px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.brand{color:#f8fbff;letter-spacing:.04em;font-weight:800;text-decoration:none}.nav-links{gap:18px;display:flex}.nav-links a{color:#d6ddf5;font-size:.95rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#8ab4ff}section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffff12,#ffffff07);border:1px solid #ffffff1c;border-radius:22px;padding:54px clamp(20px,5vw,56px)}.hero{isolation:isolate;flex-direction:column;justify-content:center;gap:10px;min-height:clamp(420px,72vh,620px);padding-top:clamp(30px,4vw,44px);padding-bottom:clamp(30px,4vw,44px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";border-radius:inherit;z-index:0;background-image:linear-gradient(92deg,#0a1020f7 0%,#0a1020f0 45%,#0a10209a 100%),url(/project-images/MYPFP.jpg);background-position:86% 22%;background-size:cover;position:absolute;inset:0}.hero>*{z-index:1;position:relative}.eyebrow{color:#9fb4ff;letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:.93rem}.hero h1{max-width:900px;margin:0;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.1}.highlight{color:#84ccff}.hero-copy{color:#d9e4ff;max-width:620px;margin:0;font-size:1rem}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.social-links{gap:10px;margin-top:10px;display:flex}.social-link{color:#d6e2ff;background:#0d152b;border:1px solid #8ea6d466;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,border-color .2s,color .2s,background .2s;display:inline-flex}.social-link svg{fill:currentColor;width:20px;height:20px}.social-link:hover{color:#fff;background:#132245;border-color:#8ab4ff;transform:translateY(-2px)}.btn{cursor:pointer;border:none;border-radius:10px;padding:11px 18px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#4f8cff,#7a5cff);box-shadow:0 10px 24px #3256b355}.btn-secondary{color:#d6e2ff;background:0 0;border:1px solid #8ea6d466}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.75;cursor:not-allowed;transform:none}h2{margin-top:0;margin-bottom:18px;font-size:clamp(1.6rem,3.8vw,2.2rem)}.about p{color:#d9e4ff;margin:0}.about p+p{margin-top:14px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.experience-list{gap:14px;display:grid}.experience-card{background:#0e1630;border:1px solid #ffffff1c;border-radius:14px;padding:16px}.experience-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.experience-head h3{margin:0;font-size:1.06rem}.experience-head p{color:#9db1dd;margin:0;font-size:.9rem}.experience-meta{color:#cddcf9;margin:8px 0 10px;font-weight:600}.experience-card ul{color:#d3def8;gap:8px;margin:0;padding-left:20px;display:grid}.skill-card{text-align:center;color:#deebff;background:#101a31;border:1px solid #ffffff1c;border-radius:10px;padding:12px;font-weight:600}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.project-card{background:#0e1630;border:1px solid #ffffff18;border-radius:14px;flex-direction:column;padding:18px;display:flex}.project-image{object-fit:cover;background:#0a1124;border:1px solid #ffffff14;border-radius:10px;width:100%;height:170px;margin-bottom:12px}.project-card h3{margin:0 0 10px}.project-card p{color:#d3def8;margin:0 0 14px}.tech-stack{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{color:#bdd2ff;background:#7d8dff21;border:1px solid #8ea2ff3b;border-radius:999px;padding:5px 9px;font-size:.78rem}.project-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.project-actions .btn{padding:8px 14px;font-size:.9rem}form{gap:12px;max-width:620px;display:grid}.contact-status{margin:4px 0 0;font-size:.95rem}.contact-status-success{color:#9af7c2}.contact-status-error{color:#ffb4b4}input,textarea{color:#eef4ff;width:100%;font:inherit;background:#0d152b;border:1px solid #8aa2d144;border-radius:10px;padding:12px}input::placeholder,textarea::placeholder{color:#9db0d8}input:focus,textarea:focus{border-color:#0000;outline:2px solid #7ba5ff88}textarea{resize:vertical}@media (width<=760px){.navbar{border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;top:10px}.app{padding-top:110px}section{padding:34px 18px}.hero:before{background-position:74%}}