*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#0f172a;color:#e5e7eb}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.nav{display:flex;align-items:center}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{position:relative;text-decoration:none;color:#e5e7eb;font-size:.95rem;padding-bottom:4px}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:2px;background:#38bdf8;transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#38bdf8}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.hamburger span{width:24px;height:2px;background:#e5e7eb}@media(max-width:768px){.hamburger{display:flex}.nav-links{position:absolute;top:70px;right:2rem;background:#020617;border:1px solid #1e293b;border-radius:8px;padding:1.5rem;flex-direction:column;gap:1.5rem;display:none}.nav-links.open{display:flex}}.header{width:100%;border-bottom:1px solid #1e293b;background:#020617}.header-container{max-width:1100px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:.75rem}.logo{height:40px;width:auto;display:block;cursor:pointer}.brand-name{font-size:1rem;font-weight:500;color:#e5e7eb;letter-spacing:.5px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header{animation:slideDown .8s ease-out}.header-tagline{margin-top:.35rem;color:#cbd5e1;font-size:.9rem}.header-cta{display:inline-block;margin-top:.45rem;background:#38bdf8;color:#020617;border-radius:999px;padding:.35rem .9rem;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,background .2s ease}.header-cta:hover,.header-cta:focus-visible{background:#7dd3fc;transform:translateY(-1px)}@media(max-width:480px){.brand-name{display:none}}.about{padding:5rem 2rem;max-width:1100px;margin:0 auto}.about-container{display:flex;gap:3rem;align-items:center;flex-wrap:wrap}.about-image{width:220px;border-radius:12px;border:2px solid #1e293b;box-shadow:0 10px 30px #38bdf826;display:block;margin:0 auto}.about-text{max-width:600px;display:block;margin:0 auto}.about-text h2{font-size:2rem;margin-bottom:1rem}.about-text p{opacity:.85;line-height:1.6;margin-bottom:1rem}.fade-in{animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.about-container{flex-direction:column;text-align:center}}.skills{padding:4rem 2rem;max-width:1100px;margin:0 auto}.skills h2{font-size:2rem;margin-bottom:2rem}.skills-list{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0}.skills-list li{background:#1e293b;padding:.6rem 1.2rem;border-radius:999px;font-size:.85rem;transition:background .2s ease}.skills-list li:hover{background:#38bdf8;color:#020617}.project-card{background:linear-gradient(145deg,#0b1220,#020617);border:1px solid #1e293b;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-height:100%;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.project-card:hover{transform:translateY(-8px);border-color:#38bdf8;box-shadow:0 20px 45px #0ea5e938}.project-image-wrapper{border-bottom:1px solid #1e293b;background:#030b1a}.project-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.project-content{padding:1.4rem}.project-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}.project-content h3{font-size:1.2rem;margin:0}.project-badges{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.2rem}.project-badge{background:#273549;color:#dbeafe;border-radius:999px;font-size:.72rem;padding:.2rem .5rem;border:1px solid #475569}.project-content p{opacity:.86;line-height:1.5;margin:.45rem 0}.project-subtitle,.project-challenge,.project-result{margin:.5rem 0 .05rem;line-height:1.45}.tech-stack{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem;list-style:none;padding:0}.tech-stack li{background:#1e293b;color:#bae6fd;border:1px solid #334155;padding:.3rem .8rem;border-radius:999px;font-size:.75rem}.project-links{display:flex;gap:.8rem;padding:0 1.4rem 1.4rem;margin-top:auto}.project-btn{text-decoration:none;border:1px solid #334155;color:#f8fafc;background:#1e293b;padding:.6rem 1rem;border-radius:10px;font-size:.9rem;font-weight:600;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.project-btn:focus-visible,.project-btn:hover{transform:translateY(-2px);border-color:#38bdf8;background-color:#0f172a;outline:2px solid #38bdf8;outline-offset:2px}.project-btn-primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-color:transparent;color:#03111f}.project-btn-primary:hover{background:linear-gradient(135deg,#7dd3fc,#38bdf8);border-color:transparent}@media(max-width:540px){.project-links{flex-direction:column}.project-btn{text-align:center}}.projects{padding:5rem 2rem;max-width:1200px;margin:0 auto}.projects-title{font-size:clamp(1.8rem,3.2vw,2.4rem);margin-bottom:.75rem}.projects-subtitle{margin-bottom:2.5rem;opacity:.8;max-width:680px;line-height:1.6}.projects-container{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:stretch}.projects-container>*{flex:1 1 calc(50% - 1.5rem);min-width:min(100%,320px)}@media(max-width:900px){.projects{padding-inline:1.2rem}.projects-container>*{flex:1 1 100%}}.footer{background:#020617;border-top:1px solid #1e293b;margin-top:5rem}.footer-container{max-width:1100px;margin:0 auto;padding:4rem 2rem;display:flex;justify-content:space-between;gap:3rem;flex-wrap:wrap}.footer-brand{max-width:420px}.footer-brand h3{color:#38bdf8;margin-bottom:1rem}.footer-brand p{opacity:.8;line-height:1.6}.footer-contact h4{margin-bottom:1rem}.footer-contact ul{list-style:none;padding:0;display:grid;gap:.8rem}.footer-contact a{text-decoration:none;color:#e5e7eb;transition:color .2s ease,transform .2s ease;display:inline-flex;align-items:center;gap:.6rem}.contact-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #334155;color:#38bdf8;background:#0b1220;font-size:.95rem}.footer-contact a:hover{color:#7dd3fc;transform:translate(3px)}.footer-contact a:hover .contact-icon{border-color:#38bdf8;background:#0e2237}.footer-bottom{border-top:1px solid #1e293b;text-align:center;padding:1.5rem 2rem;font-size:.8rem;opacity:.7}@media(max-width:768px){.footer-container{flex-direction:column;text-align:center;align-items:center}.footer-contact a{justify-content:center}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}