:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--accent:#c084fc;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace}*{box-sizing:border-box}html,body{max-width:100%;font-family:var(--sans);background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}#root{width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}h1,h2{color:var(--text-h);margin:0}p{margin:0}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-bg canvas{display:block;width:100%!important;height:100%!important}.hero-content{z-index:1;opacity:0;animation:.8s forwards fadeIn;position:relative;transform:translateY(10px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.hero-bg>*{width:100%;height:100%}.hero-bg:after{content:"";pointer-events:none;background:#00000059;position:absolute;inset:0}.hero-section .container{z-index:1;flex-direction:column;justify-content:center;max-width:800px;display:flex;position:relative}.hero-title{text-shadow:0 0 20px #ffffff14;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:600;line-height:1.1}.hero-subtitle{color:var(--text);opacity:.8;margin-top:.5rem;font-size:clamp(1rem,2vw,1.3rem)}.container{width:min(1100px,100%);margin:0 auto;padding:0 1rem}section{scroll-margin-top:80px}.darkveil-canvas{width:100%;height:100%;display:block}.about-section:after{content:"";clear:both;display:block}.about-container{justify-content:space-between;align-items:flex-start;gap:60px;max-width:1600px;margin:0 auto;display:flex}.about-image{flex-shrink:0;margin-top:40px}#Me{-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;width:400px;height:400px;transition:all .3s;box-shadow:0 0 20px #ffffff26,0 0 40px #b4c8ff1f}.about-content{flex:1;max-width:1100px}.about-tag{font-size:2.4rem}.text{font-size:1.35rem;line-height:1.7}.text p{margin-bottom:20px}.about-content h2{font-size:2.5rem}@media (width<=800px){.about-container{flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:0 24px}.about-image{margin-top:0}#Me{width:clamp(180px,55vw,260px);height:clamp(180px,55vw,260px)}.about-content{width:100%;max-width:100%}.about-tag{text-align:center;font-size:1.25rem}.about-content h2{text-align:center;font-size:2rem}.text{width:100%;max-width:100%;font-size:1rem;line-height:1.7}.text p{margin-bottom:16px}}.skills-section{padding:80px 32px}.skills-container{width:100%;max-width:1400px;margin:0 auto}.header{margin-bottom:8px;font-size:2.5rem}.skills-subtitle{color:#a9afbd;margin-bottom:32px;font-size:1.1rem}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.skill-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;min-width:0;padding:24px;box-shadow:0 0 20px #ffffff08}.skill-card h3{margin-bottom:16px;font-size:1.4rem}.skill-pill-container{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.skill-pill{color:#d7dbe5;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:8px 13px;display:inline-flex}.skill-icon{font-size:1rem}.skill-card:last-child:nth-child(odd){grid-column:span 2}@media (width<=800px){.skills-section{padding:64px 20px}.skills-grid{grid-template-columns:1fr}.skill-card:last-child:nth-child(odd){grid-column:span 1}.header{font-size:2.25rem}.skills-subtitle{font-size:1rem}}.projects-section{padding:80px 32px}.projects-container{width:100%;max-width:1400px;margin:0 auto}.projects-container h2{margin-bottom:8px;font-size:2.5rem}.projects-subtitle{color:#a9afbd;margin-bottom:32px;font-size:1.1rem}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;width:100%;min-width:0;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 0 20px #ffffff08}.project-card:hover{border-color:#b4c8ff38;transform:translateY(-4px);box-shadow:0 0 28px #b4c8ff14}.project-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.project-card h3{overflow-wrap:anywhere;min-width:0;font-size:1.35rem}.project-status{color:#d7dbe5;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;padding:6px 10px;font-size:.8rem}.project-description{color:#a9afbd;overflow-wrap:anywhere;margin-bottom:18px;line-height:1.6}.project-tech-list{flex-wrap:wrap;gap:10px;min-width:0;margin-bottom:22px;display:flex}.project-pill{color:#d7dbe5;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;align-items:center;max-width:100%;padding:8px 13px;display:inline-flex}.project-link{color:#d7dbe5;font-weight:600;text-decoration:none}.project-link:hover{text-decoration:underline}@media (width<=1000px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.projects-section{padding:64px 20px}.projects-grid{grid-template-columns:1fr}.project-card-header{flex-direction:column;align-items:flex-start}.project-status{white-space:normal}.projects-container h2{font-size:2.25rem}.projects-subtitle{font-size:1rem}}.experience-section{padding:80px 32px}.experience-container{width:100%;max-width:1400px;margin:0 auto}.experience-container h2{margin-bottom:8px;font-size:2.5rem}.experience-subtitle{color:#a9afbd;margin-bottom:32px;font-size:1.1rem}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.experience-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 0 20px #ffffff08}.experience-card:hover{border-color:#b4c8ff38;transform:translateY(-4px);box-shadow:0 0 28px #b4c8ff14}.experience-card-header{margin-bottom:16px}.experience-card h3{margin-bottom:8px;font-size:1.35rem}.experience-date{color:#a9afbd;font-size:.95rem}.experience-description{color:#a9afbd;margin-bottom:18px;line-height:1.7}.experience-list{color:#a9afbd;margin-bottom:18px;padding-left:20px;line-height:1.7}.experience-pill-list{flex-wrap:wrap;gap:10px;display:flex}.experience-pill{color:#fff;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:8px 13px;display:inline-flex}@media (width<=900px){.experience-grid{grid-template-columns:1fr}}.experience-link{color:#d7dbe5;margin-top:18px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.experience-link:hover{opacity:.8;transform:translate(2px)}.experience-project-links{flex-direction:column;gap:10px;margin-top:18px;display:flex}.contact-section{padding:80px 32px}.contact-container{width:100%;max-width:1400px;margin:0 auto}.contact-container h2{margin-bottom:8px;font-size:2.5rem}.contact-subtitle{color:#a9afbd;margin-bottom:32px;font-size:1.1rem}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.contact-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;padding:24px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;box-shadow:0 0 20px #ffffff08}.contact-card:hover{border-color:#b4c8ff38;transform:translateY(-4px);box-shadow:0 0 28px #b4c8ff14}.contact-card h3{color:#f3f5f7;margin-bottom:14px;font-size:1.35rem}.contact-card p{color:#a9afbd;margin-bottom:18px;line-height:1.7}.contact-link{color:#d7dbe5;font-weight:600}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}.home-page>*{border-bottom:1px solid var(--border);padding:4rem 2rem}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;background:#16171db3;width:100%;max-width:100%;position:sticky;top:0;overflow-x:hidden}.navbar-inner{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1200px;height:60px;margin:0 auto;padding:0 1rem;display:flex}.logo{cursor:pointer;flex-shrink:0;font-weight:600;transition:opacity .2s}.logo:hover{opacity:.8}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--text);flex-shrink:0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--text-h);width:0%;height:2px;transition:width .25s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--text-h)}@media (width<=800px){.navbar{overflow-x:auto}.navbar-inner{justify-content:flex-start;gap:32px;width:max-content;min-width:100%;max-width:none;padding:0 20px}.nav-links{white-space:nowrap;gap:24px}.nav-links a{font-size:.95rem}.logo{margin-right:8px}}