:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(120deg,#232526,#414345);min-height:100vh;margin:0;color:#f5f6fa}#root{max-width:900px;margin:0 auto;padding:4rem 2rem 2rem;text-align:center}.navbar{display:flex;justify-content:center;align-items:center;gap:2.5rem;padding:1.5rem 0;position:fixed;top:0;left:0;width:100vw;background:#1e1e28f2;z-index:10;box-shadow:0 2px 16px #00000021;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar-desktop{display:flex;gap:2.5rem}.nav-item{position:relative;color:#bbb;font-size:1.15rem;cursor:pointer;padding:.2rem .5rem;transition:color .2s;text-decoration:none;display:inline-block;margin:.2rem 2rem;letter-spacing:.5px}.nav-item:after{content:"";display:block;height:2.5px;width:0;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .35s cubic-bezier(.4,0,.2,1);position:absolute;left:0;bottom:-4px;border-radius:2px}.nav-item:hover,.nav-item.active{color:#fff}.nav-item.active:after{width:100%}.nav-item:hover:after{width:100%}.drawer-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;z-index:21;margin-left:auto}.side-drawer{position:fixed;top:0;right:-260px;width:220px;height:100vh;background:#1e1e28fa;box-shadow:-2px 0 16px #0000002e;display:flex;flex-direction:column;align-items:flex-start;padding:4.5rem 1.5rem 1.5rem;gap:1.5rem;transition:right .35s cubic-bezier(.4,0,.2,1);z-index:20}.side-drawer.open{right:0}main{margin-top:6.5rem;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}section{background:#222428ed;border-radius:1.2rem;box-shadow:0 4px 32px #00000021;padding:2.5rem 2rem 2rem;width:100%;max-width:600px;margin-bottom:2rem;opacity:0;transform:translateY(30px);animation:fadeInUp .7s cubic-bezier(.4,0,.2,1) forwards}.about-section{padding:2.5rem;text-align:left;gap:1.5rem;display:flex;flex-direction:column}.about-intro{display:flex;flex-direction:column;gap:.6rem}.about-eyebrow{font-size:.85rem;letter-spacing:.25rem;text-transform:uppercase;color:#8e9acb}.about-summary{font-size:1.1rem;line-height:1.7;margin:0}.about-panel{background:#0f1018a6;border:1px solid rgba(102,126,234,.25);border-radius:1rem;padding:1.5rem;box-shadow:inset 0 1px #ffffff0d}.about-panel-title{margin:0 0 1rem;font-weight:600;color:#c9d4ff;letter-spacing:.05rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.6rem}.skill-pill{padding:.45rem .9rem;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);font-size:.95rem;color:#f6f8ff;transition:transform .2s ease,border-color .2s ease}.skill-pill:hover{transform:translateY(-2px);border-color:#667eeacc}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}h1{font-size:2.2rem;font-weight:700;margin-bottom:1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}ul{list-style:none;padding:0;margin:0}li{background:#ffffff0a;margin:.7rem 0;padding:1rem 1.2rem;border-radius:.7rem;font-size:1.1rem;box-shadow:0 2px 8px #00000012;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}li:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 24px #667eea4d}p{font-size:1.13rem;color:#e0e0e0;margin-bottom:.7rem}.projects-section{padding:2.5rem;border-radius:1.2rem;margin-top:2rem;max-width:100%;background:#222428ed}.projects-section h1{text-align:center;margin-bottom:2rem;font-size:2.4rem}.search-bar{display:block;width:70%;margin:0 auto 2rem;padding:.85rem 1.2rem;font-size:1rem;border-radius:999px;border:1px solid rgba(102,126,234,.3);background-color:#0f1018a6;color:#f5f6fa;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.search-bar:focus{border-color:#667eeacc;box-shadow:0 0 12px #667eea59}.projects-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.project-item{margin:0;padding:0;background:transparent;box-shadow:none;border-radius:0;cursor:default}.project-item:hover{transform:none;box-shadow:none}.project-item a{display:flex;flex-direction:column;gap:.75rem;text-decoration:none;color:inherit;background:#0f1018a6;border:1px solid rgba(102,126,234,.25);border-radius:1rem;padding:1.5rem;box-shadow:inset 0 1px #ffffff0a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-item a:hover{transform:translateY(-4px);border-color:#667eea8c;box-shadow:0 10px 30px #667eea40}.project-title{font-size:1.2rem;margin:0;color:#c9d4ff}.project-description{margin:0;font-size:1rem;line-height:1.6;color:#e3e7ff}.project-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.project-tag{cursor:pointer}.project-tag:hover{border-color:#667eeacc}@media (max-width: 700px){#root{padding:2rem .5rem}.navbar{gap:1.2rem;font-size:.98rem;min-height:60px;height:60px;padding:0;background:transparent;box-shadow:none}section{padding:1.2rem .5rem;max-width:98vw}.navbar-desktop{display:none}.drawer-toggle{display:block;position:absolute;right:1.2rem;top:1.2rem}.side-drawer{display:flex}.about-section{padding:1.6rem 1.1rem}.projects-section{padding:1.5rem 1rem}.search-bar{width:100%}}