*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}@font-face{font-family:StarJedi;src:url(/Starjedi.ttf)format("truetype");font-weight:400;font-style:normal}@keyframes flicker{0%{opacity:.65}50%{opacity:.7}to{opacity:.65}}body{color:#f5f5f5;background:#0a0a0f;font-family:system-ui,sans-serif;line-height:1.5;position:relative}body:after{content:"";pointer-events:none;-webkit-mask-composite:destination-out;background:radial-gradient(circle at 35% 35%,#ffffff1a,#0000 70%),radial-gradient(circle at 65% 65%,#00000080,#0000 20%);border-radius:50%;width:240px;height:240px;animation:6s ease-in-out infinite flicker;position:fixed;top:10%;right:5%;box-shadow:0 0 50px #ffffff0d;-webkit-mask:radial-gradient(circle at 80% 20%,#0000 20%,#000 21%),radial-gradient(circle at 20% 80%,#0000 15%,#000 16%),radial-gradient(circle at 70% 70%,#0000 10%,#000 11%);mask:radial-gradient(circle at 80% 20%,#0000 20%,#000 21%),radial-gradient(circle at 20% 80%,#0000 15%,#000 16%),radial-gradient(circle at 70% 70%,#0000 10%,#000 11%)}.skills-title,.experience-title,.about-title,.contact-title{letter-spacing:2px;text-shadow:0 0 10px #ff000059;font-family:StarJedi,system-ui,sans-serif;font-size:2rem}.about-title:after{content:"";background:#b00020;border-radius:999px;width:70px;height:3px;margin-top:10px;display:block;box-shadow:0 0 12px #ff000080}.experience-card,.skills-card,.project-card{background:#14141ce6;border:1px solid #222;border-radius:18px;transition:all .25s;box-shadow:0 10px 30px #0006}.experience-card:hover,.skills-card:hover,.project-card:hover{border-color:#ff000059;transform:translateY(-6px);box-shadow:0 0 35px #ff00002e}.experience-card,.skills-card,.project-card{position:relative;overflow:hidden}.experience-card:before,.skills-card:before,.project-card:before{content:"";background:radial-gradient(circle at var(--x,50%) var(--y,50%), #ff000026, transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.experience-card:hover:before,.skills-card:hover:before,.project-card:hover:before{opacity:1}h1,h2,h3,p{margin-top:0}.app{min-height:100vh;padding:40px 20px}.app>*{max-width:1000px;margin:0 auto}section{margin-bottom:70px}.section{opacity:0;transition:all .6s;transform:translateY(20px)}.section.visible{opacity:1;transform:translateY(0)}.hero,.about{margin-bottom:30px}.quote{margin-bottom:60px}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.hero{text-align:left;max-width:900px;margin:0 auto 30px;padding:4rem 1rem 2.5rem}.hero-name{letter-spacing:2px;text-shadow:4px 0 18px #ff000073,0 0 8px #ffffff14;margin-bottom:.5rem;font-family:StarJedi,system-ui,sans-serif;font-size:clamp(2.75rem,7vw,5rem);font-weight:700}.hero-brand{color:#ef4444;letter-spacing:2px;text-shadow:3px 0 14px #ff00008c,0 0 6px #ffffff14;font-family:StarJedi,system-ui,sans-serif;font-size:1.35rem}.hero-title{color:#e5e5e5;max-width:560px;margin-top:1.5rem;font-size:1.15rem}.hero-stack{color:#aaa;max-width:560px;margin-top:.75rem;font-size:.95rem}.hero-quote{color:#888;border-left:2px solid #f006;max-width:520px;margin-top:1.5rem;padding-left:1rem;font-style:italic}.profile-pic{object-fit:cover;border:2px solid #ef4444;border-radius:50%;width:140px;height:140px;margin-bottom:1rem;transition:all .3s}.profile-pic:hover{transform:scale(1.05);box-shadow:0 0 20px #ef44444d}.about-section{max-width:900px;margin:0 auto;padding:5rem 1rem}.about-card{background-color:#111;border:1px solid #ef44444d;border-radius:16px;padding:2rem;box-shadow:0 0 25px #ef44441f}.about-label{color:#ef4444;letter-spacing:2px;text-transform:uppercase;margin-bottom:.75rem;font-size:.9rem}.about-title{margin-bottom:1.5rem;font-size:2rem}.about-text{color:#ddd;margin-bottom:1rem;line-height:1.7}.about-quote{color:#aaa;border-left:3px solid #ef4444;margin-top:1.5rem;padding-left:1rem;font-style:italic;line-height:1.7}.skills{text-align:center;max-width:900px;margin:0 auto;padding:5rem 1rem}.skills-title{margin-bottom:2rem;font-size:2rem}.skills-grid{grid-template-columns:repeat(2,minmax(200px,1fr));gap:20px;display:grid}.skills-card{background:#111;border:1px solid #222;border-radius:10px;padding:20px;transition:transform .2s,border .2s}.skills-card:hover{transform:translateY(-5px);box-shadow:0 0 15px #ef444433}.skills-card h3{color:#ef4444;margin-bottom:.5rem}.skills-card p{color:#ddd;font-size:.95rem}.contact{text-align:center;max-width:900px;margin:0 auto;padding:5rem 1rem}.contact-label{color:#ef4444;letter-spacing:2px;text-transform:uppercase;margin-bottom:.75rem;font-size:.85rem}.contact-title{margin-bottom:1rem;font-size:2rem}.contact-text{color:#ddd;max-width:600px;margin:0 auto 2rem;line-height:1.7}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-links a{color:#fff;border:1px solid #ef444480;border-radius:8px;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s}.contact-links a:hover{background:#ef4444;box-shadow:0 0 15px #ef444466}.experience{max-width:900px;margin:0 auto;padding:5rem 1rem}.experience-title{text-align:center;margin-bottom:2rem;font-size:2rem}.experience-card{background:#111;border:1px solid #ef44444d;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.experience-card h3{color:#ef4444}.experience-role{margin-top:.25rem;font-weight:700}.experience-date{color:#aaa;margin-bottom:1rem;font-size:.9rem}.experience-card ul{padding-left:1.2rem}.experience-card li{color:#ddd;margin-bottom:.5rem;line-height:1.6}.projects{text-align:center;max-width:900px;margin:0 auto;padding:5rem 1rem}.projects-title{margin-bottom:2rem;font-size:2rem}.projects-grid{grid-template-columns:repeat(1,minmax(200px,1fr));gap:20px;display:grid}.project-card{text-align:left;background:#111;border:1px solid #222;border-radius:10px;padding:20px;transition:transform .2s,border .2s,box-shadow .2s}.project-card:hover{border-color:#ef4444;transform:translateY(-5px);box-shadow:0 0 15px #ef444433}.project-title{color:#ef4444;margin-bottom:.5rem}.project-subtitle{color:#aaa;margin-bottom:1rem;font-size:.9rem}.project-description{color:#ddd;margin-bottom:1rem;font-size:.95rem}.project-bullets{margin-bottom:1rem;padding-left:18px}.project-bullets li{color:#ccc;margin-bottom:6px;font-size:.9rem}.project-tech{color:#aaa;margin-bottom:1rem;font-size:.85rem}.project-links{align-items:center;gap:10px;display:flex}.project-links a{color:#ef4444;border:1px solid #ef4444;border-radius:6px;padding:6px 10px;font-size:.8rem;text-decoration:none;transition:all .2s}.project-links a:hover{color:#050505;background:#ef4444}.project-status{color:#aaa;border:1px solid #333;border-radius:999px;padding:5px 10px;font-size:.7rem}.project-plans{margin-top:1rem}.project-plans h4{color:#ef4444;margin-bottom:.5rem;font-size:.9rem}.project-plans ul{padding-left:18px}.project-plans li{color:#aaa;margin-bottom:4px;font-size:.85rem}