.projects-grid{flex-direction:column;width:100%;display:flex}.project-card{border:none;border-bottom:1px solid var(--border);opacity:1;background:0 0;border-radius:0;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px;margin:0 -24px;padding:40px 24px;transition:opacity .6s,transform .6s,border-color .25s,border-radius .3s,background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;transform:translateY(0)}.project-card:first-child{border-top:1px solid var(--border)}.project-card:hover{border-color:var(--accent);-webkit-backdrop-filter:blur(16px);box-shadow:none;background:#ffffff0d;border-radius:16px}@media (hover:hover) and (pointer:fine){.project-card,.pollution-card,.adoption-step{opacity:.82;transform:translateY(4px)}.project-card:hover,.pollution-card:hover,.adoption-step:hover{opacity:1;transform:translateY(0)}}.project-heading{min-width:200px}.project-institution{color:var(--text);margin:0;font-size:1.05rem;font-weight:600;line-height:1.4}.project-card p{color:var(--text-muted);flex-grow:1;max-width:460px;margin:0;font-size:1rem;line-height:1.6}.tag-list{flex-wrap:wrap;margin-top:4px;display:flex}.tag{color:var(--text-muted);background-color:#ffffff0f;border-radius:9999px;align-items:center;margin-top:8px;margin-right:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.project-links{flex-direction:column;align-items:flex-end;gap:8px;min-width:100px;display:flex}.project-links a{color:var(--text-muted);font-size:.85rem;font-weight:500;transition:color .2s}.project-links a:hover{color:var(--accent)}.experience-list{flex-direction:column;display:flex}.experience-item{border-bottom:1px solid var(--border);opacity:1;border-radius:0;align-items:flex-start;gap:40px;margin:0 -24px;padding:32px 24px;transition:opacity .6s,transform .6s,border-color .25s,border-radius .3s,background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;transform:translateY(0)}.experience-item:first-child{border-top:1px solid var(--border)}.experience-item:hover{border-color:var(--accent);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border-radius:16px}.experience-period{min-width:140px;color:var(--text-muted);font-size:.85rem;font-weight:500}.experience-content h3{color:var(--text);margin:0 0 6px;font-size:1.05rem;font-weight:600}.experience-content h3 a:hover{color:var(--accent)}.experience-content p{max-width:500px;color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.6}@media (hover:hover) and (pointer:fine){.experience-item{opacity:.82;transform:translateY(4px)}.experience-item:hover{opacity:1;transform:translateY(0)}}.awareness-section{width:100%;margin-top:40px}.awareness-panel{padding:64px 0;border:none!important;border-top:1px solid var(--border)!important;background:0 0!important}.drepano-section{--awareness-accent:#38bdf8}.stray-section{--awareness-accent:#fb923c}.awareness-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--awareness-accent);margin-bottom:24px;font-size:.75rem;font-weight:600;display:inline-block}.awareness-intro{max-width:720px;color:var(--text);margin-bottom:48px;font-size:1.2rem;font-weight:400;line-height:1.6}.awareness-subtitle{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:32px;font-size:1rem;font-weight:600}.awareness-stats{gap:64px;margin-bottom:56px;display:flex}.awareness-stat{flex-direction:column;display:flex}.awareness-stat-value{color:var(--text);letter-spacing:-.04em;font-size:2.5rem;font-weight:700}.awareness-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:4px;font-size:.8rem}.pollution-grid{flex-direction:column;gap:24px;margin-bottom:56px;display:flex}.pollution-card{border-bottom:1px dashed var(--border);opacity:1;border-radius:0;justify-content:space-between;align-items:flex-start;margin:0 -24px;padding:16px 24px 24px;transition:opacity .6s,transform .6s,border-color .25s,border-radius .3s,background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;transform:translateY(0)}.pollution-card:hover{border-color:var(--awareness-accent);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border-radius:16px}.pollution-index{color:var(--awareness-accent);min-width:40px;font-family:monospace;font-size:.9rem;font-weight:600}.pollution-card h4{min-width:200px;margin:0;font-size:1.05rem;font-weight:600}.pollution-card p{color:var(--text-muted);flex-grow:1;max-width:500px;margin:0;font-size:.95rem}.adoption-steps{flex-direction:column;gap:32px;margin-bottom:56px;display:flex}.adoption-step{opacity:1;border-radius:0;align-items:flex-start;gap:32px;margin:0 -24px;padding:16px 24px;transition:opacity .6s,transform .6s,border-radius .3s,background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;transform:translateY(0)}.adoption-step:hover{-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border-radius:16px}.adoption-step-marker{color:var(--text-muted);min-width:30px;font-family:monospace;font-size:.9rem;font-weight:600}.adoption-step-content h4{margin:0 0 6px;font-size:1.05rem;font-weight:600}.adoption-step-content p{max-width:640px;color:var(--text-muted);margin:0;font-size:.95rem}.awareness-cta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:40px;padding-top:32px;display:flex}.awareness-cta p{color:var(--text-muted);max-width:500px;margin:0;font-size:.95rem}.awareness-cta .btn-primary{color:var(--text);border-bottom:1px solid var(--awareness-accent);background:0 0;padding:8px 0}.awareness-cta .btn-primary:hover{color:var(--awareness-accent)}.contact-intro{color:var(--text-muted);margin-bottom:40px;font-size:1.05rem}.contact-form{flex-direction:column;max-width:600px;display:flex}.contact-form label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:24px;margin-bottom:8px;font-size:.75rem;font-weight:600}.contact-form input,.contact-form textarea{border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font);background:0 0;border-radius:0;padding:12px 0;font-size:1rem;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:var(--accent);outline:none}.contact-form button{border:none;border-bottom:1px solid var(--accent);color:var(--text);background:0 0;border-radius:0;align-self:flex-start;width:max-content;margin-top:40px}.contact-form button:hover:not(:disabled){color:var(--accent);border-bottom-color:var(--accent)}@media (width<=768px){.project-card,.pollution-card,.adoption-step,.experience-item{margin:0 -16px;padding-left:16px;padding-right:16px}.project-card,.experience-item{flex-direction:column;gap:16px}.project-links{align-items:flex-start}.pollution-card{flex-direction:column;gap:8px}.awareness-stats{gap:32px}.awareness-cta{flex-direction:column;align-items:flex-start;gap:24px}}.footer{text-align:center;max-width:1180px;color:var(--text-muted);border-top:1px solid var(--border);margin:0 auto;padding:56px 24px;font-size:.85rem}@media (width<=880px){.footer{padding:40px 16px}}html{scroll-behavior:smooth}:root{--bg:#0d0d0d;--bg-elevated:#141414;--border:#262626;--text:#f5f5f5;--text-muted:#737373;--accent:#e8dfc8;--accent-soft:#e8dfc814;--font:"Geist", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;font-family:var(--font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--bg);letter-spacing:-.01em}*{box-sizing:border-box}body{background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;line-height:1.6}.cursor-glow{pointer-events:none;z-index:9999;opacity:0;filter:blur(45px);will-change:transform;background:radial-gradient(circle,#ffffff14 0%,#ffffff08 40%,#0000 70%);border-radius:50%;width:500px;height:500px;margin-top:-250px;margin-left:-250px;transition:opacity .3s;position:fixed;top:0;left:0}@media (hover:none),(pointer:coarse){.cursor-glow{display:none}}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.03em;margin:0 0 .4em;font-weight:700;line-height:1.1}ul{margin:0;padding:0;list-style:none}.layout{align-items:flex-start;gap:64px;max-width:1180px;margin:0 auto;padding:0 24px;display:flex}.sidebar{flex-direction:column;flex-shrink:0;gap:48px;width:300px;max-height:100vh;padding:64px 0;display:flex;position:sticky;top:0;overflow-y:auto}.content{flex:1;min-width:0}.logo{text-transform:uppercase;letter-spacing:.05em;color:var(--text);font-size:.95rem;font-weight:700}.side-nav{flex-direction:column;gap:16px;display:flex}.side-nav a,.side-nav button{width:max-content;font-family:var(--font);text-align:left;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:.9rem;font-weight:400;transition:color .25s;display:inline-block}.side-nav a:hover,.side-nav button:hover{color:var(--text)}.side-nav a.active,.side-nav button.active{color:var(--accent);font-weight:600}.lang-toggle{border:1px solid var(--border);color:var(--text);font-family:var(--font);cursor:pointer;background:0 0;border-radius:0;align-self:flex-start;padding:6px 14px;font-size:.75rem;font-weight:500;transition:all .2s}.lang-toggle:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.section{border-top:1px solid var(--border);padding:120px 0}.section:first-of-type{border-top:none}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:56px;font-size:1.1rem;font-weight:600}.sidebar-identity{flex-direction:column;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px;font-size:.85rem;font-weight:500}.sidebar-identity h1{color:var(--text);font-size:clamp(1.75rem,2vw + 1rem,2.4rem);font-weight:700}.sidebar-identity h2{color:var(--text-muted);margin-top:4px;font-size:1.05rem;font-weight:400}.hero-tagline{color:var(--text-muted);margin-top:24px;font-size:.95rem;line-height:1.6}.btn{cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font);appearance:none;background:0 0;border:none;outline:none;padding:10px 0;transition:color .2s,border-color .2s;display:inline-block}.btn-primary{color:var(--text);border-bottom:1px solid var(--text)}.btn-primary:hover:not(:disabled){color:var(--accent);border-bottom-color:var(--accent)}.btn-primary:disabled{color:var(--text-muted);border-bottom-color:var(--border);cursor:not-allowed}.btn-secondary{color:var(--text-muted)}.btn-secondary:hover{color:var(--accent)}.about-content p{color:var(--text-muted);max-width:700px;font-size:1.1rem;line-height:1.7}.about-content h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin-top:56px;font-size:1rem}.skills-list{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.skills-list li{color:var(--text-muted);font-size:1rem;position:relative}.skills-list li:not(:last-child):after{content:"/";color:var(--border);margin-left:16px}.terminal-logo{font-family:monospace;font-size:.95rem;font-weight:500}.terminal-logo .prompt{color:var(--text-muted);margin-right:4px}.terminal-logo .command{color:var(--text);animation:6s steps(12,end) infinite typing-with-pause}.terminal-logo .cursor{color:var(--accent);animation:.8s infinite blink}@keyframes typing-with-pause{0%{width:0}25%,75%{width:110px}90%,to{width:0}}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}@media (width<=880px){.layout{flex-direction:column;gap:0;padding:0 16px}.sidebar{border-bottom:1px solid var(--border);gap:24px;width:100%;max-height:none;padding:32px 0;position:static;overflow-y:visible}.side-nav{flex-flow:wrap;gap:20px}.sidebar-identity h1{font-size:clamp(1.6rem,6vw,2.2rem)}.content{padding-top:0}.section{padding:72px 0}}