:root{--bg:#080c10;--bg2:#0d1117;--bg3:#111820;--surface:#141c26;--surface2:#1a2535;--border:#00ff881f;--border2:#00ff8840;--green:#0f8;--green-dim:#00ff8826;--green-mid:#0f89;--cyan:#00d4ff;--cyan-dim:#00d4ff1f;--red:#ff3b5c;--red-dim:#ff3b5c1f;--amber:#ffb800;--text:#e2eaf4;--text2:#8b9bb4;--text3:#5a6b80;--mono:"Space Mono", monospace;--sans:"DM Sans", sans-serif;--radius:6px;--radius2:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}.emoji{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#080c10d9;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--mono);color:var(--green);letter-spacing:.05em;font-size:14px}.nav-logo span{color:var(--text3)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{font-family:var(--mono);color:var(--text2);letter-spacing:.1em;text-transform:uppercase;font-size:12px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--green)}.nav-cta{font-family:var(--mono);color:var(--green);border:1px solid var(--border2);border-radius:var(--radius);letter-spacing:.08em;padding:6px 16px;font-size:12px;text-decoration:none;transition:background .2s}.nav-cta:hover{background:var(--green-dim)}.hero{align-items:center;min-height:100vh;padding:80px 0 60px;display:flex;position:relative;overflow:hidden}.hero-grid-bg{background-image:linear-gradient(#00ff880a 1px,#0000 1px),linear-gradient(90deg,#00ff880a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.hero-glow{pointer-events:none;background:radial-gradient(circle,#00ff880f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.container{max-width:1100px;margin:0 auto;padding:0 2rem;position:relative}.hero-badge{font-family:var(--mono);color:var(--green);background:var(--green-dim);border:1px solid var(--border2);letter-spacing:.1em;text-transform:uppercase;border-radius:100px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:5px 14px;font-size:11px;display:inline-flex}.hero-badge:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}h1{font-family:var(--mono);letter-spacing:-.02em;margin-bottom:.3em;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:700;line-height:1.1}.hero-name{color:var(--text)}.hero-role{color:var(--green);display:block}.hero-desc{color:var(--text2);max-width:540px;margin:1.5rem 0 2.5rem;font-size:1.05rem;font-weight:300;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{font-family:var(--mono);background:var(--green);color:#040a06;border-radius:var(--radius);letter-spacing:.05em;padding:12px 28px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .1s;display:inline-block}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-ghost{font-family:var(--mono);color:var(--text);border-radius:var(--radius);letter-spacing:.05em;border:1px solid var(--border2);padding:12px 28px;font-size:13px;text-decoration:none;transition:background .2s;display:inline-block}.btn-ghost:hover{background:var(--surface)}.hero-stats{border-top:1px solid var(--border);flex-wrap:wrap;gap:2.5rem;margin-top:3.5rem;padding-top:2rem;display:flex}.stat-num{font-family:var(--mono);color:var(--text);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:12px}.hero-terminal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius2);max-width:580px;margin-top:3rem;overflow:hidden}.terminal-bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 16px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.td-red{background:#ff5f57}.td-amber{background:#ffbd2e}.td-green{background:#28ca41}.terminal-title{font-family:var(--mono);color:var(--text3);margin-left:6px;font-size:11px}.terminal-body{font-family:var(--mono);padding:1.25rem 1.5rem;font-size:13px;line-height:2}.t-prompt{color:var(--green)}.t-cmd{color:var(--text)}.t-out{color:var(--text2)}.t-key{color:var(--cyan)}.t-val{color:var(--amber)}.t-cursor{background:var(--green);vertical-align:middle;width:8px;height:14px;margin-left:2px;animation:1.2s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}section{padding:6rem 0}.section-label{font-family:var(--mono);color:var(--green);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.75rem;font-size:11px}h2{font-family:var(--mono);color:var(--text);margin-bottom:1rem;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700}.section-divider{background:var(--green);width:48px;height:2px;margin-bottom:3rem}.skills-section{background:var(--bg2)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);padding:1.5rem;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.skill-card:before{content:"";background:var(--green);transform-origin:0;height:2px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.skill-card:hover{border-color:var(--border2);transform:translateY(-2px)}.skill-card:hover:before{transform:scaleX(1)}.skill-icon{background:var(--green-dim);border:1px solid var(--border2);border-radius:var(--radius);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;font-size:18px;display:flex}.skill-card h3{font-family:var(--mono);color:var(--text);margin-bottom:.5rem;font-size:14px;font-weight:700}.skill-card p{color:var(--text2);font-size:13px;line-height:1.6}.skill-tags{flex-wrap:wrap;gap:6px;margin-top:1rem;display:flex}.tag{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:100px;padding:3px 10px;font-size:10px}.tag-green{background:var(--green-dim);color:var(--green);border:1px solid #0f83}.tag-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00d4ff33}.tag-red{background:var(--red-dim);color:var(--red);border:1px solid #ff3b5c33}.tag-amber{color:var(--amber);background:#ffb8001a;border:1px solid #ffb80033}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius2);flex-direction:column;gap:1rem;padding:1.75rem;transition:border-color .2s,transform .2s;display:flex}.project-card:hover{border-color:var(--border2);transform:translateY(-3px)}.project-header{justify-content:space-between;align-items:flex-start;display:flex}.project-type{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;border-radius:100px;padding:3px 10px;font-size:10px}.type-security{background:var(--red-dim);color:var(--red);border:1px solid #ff3b5c33}.type-dev{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00d4ff33}.type-iot{color:var(--amber);background:#ffb8001a;border:1px solid #ffb80033}.project-link{color:var(--text3);font-size:18px;text-decoration:none;transition:color .2s}.project-link:hover{color:var(--green)}.project-card h3{font-family:var(--mono);color:var(--text);font-size:16px;font-weight:700;line-height:1.3}.project-card p{color:var(--text2);flex:1;font-size:14px;line-height:1.7}.project-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.project-stack{flex-wrap:wrap;gap:6px;display:flex}.experience-section{background:var(--bg2)}.timeline{position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:8px;bottom:0;left:0}.timeline-item{margin-bottom:3rem;padding-left:2rem;position:relative}.timeline-item:before{content:"";background:var(--green);border:2px solid var(--bg2);border-radius:50%;width:11px;height:11px;position:absolute;top:6px;left:-5px}.timeline-date{font-family:var(--mono);color:var(--green);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;font-size:11px}.timeline-item h3{font-family:var(--mono);color:var(--text);margin-bottom:.2rem;font-size:15px;font-weight:700}.timeline-company{color:var(--cyan);margin-bottom:.75rem;font-size:13px}.timeline-achievements{margin-top:.75rem;list-style:none}.timeline-achievements li{color:var(--text2);padding:3px 0 3px 1.25rem;font-size:13px;position:relative}.timeline-achievements li:before{content:"▸";color:var(--green);font-size:11px;position:absolute;left:0}.edu-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.edu-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);padding:1.5rem;transition:border-color .2s}.edu-card:hover{border-color:var(--border2)}.edu-degree{font-family:var(--mono);color:var(--green);margin-bottom:.3rem;font-size:13px;font-weight:700}.edu-school{color:var(--text);margin-bottom:.2rem;font-size:13px}.edu-year{font-family:var(--mono);color:var(--text3);font-size:11px}.achievements-section{background:var(--bg2)}.achieve-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.achieve-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:border-color .2s;display:flex}.achieve-card:hover{border-color:var(--border2)}.achieve-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.achieve-card h4{font-family:var(--mono);color:var(--text);margin-bottom:2px;font-size:13px;font-weight:700}.achieve-card p{color:var(--text3);font-size:11px;line-height:1.4}.contact-section{text-align:center}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);max-width:600px;margin:0 auto;padding:3rem 2rem;position:relative;overflow:hidden}.contact-card:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#00ff880f,#0000);position:absolute;inset:0}.contact-card p{color:var(--text2);margin-bottom:2rem;font-size:15px}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.contact-link{font-family:var(--mono);color:var(--text2);border:1px solid var(--border);border-radius:var(--radius);letter-spacing:.05em;align-items:center;gap:8px;padding:8px 20px;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.contact-link:hover{color:var(--green);border-color:var(--border2)}footer{text-align:center;border-top:1px solid var(--border);font-family:var(--mono);color:var(--text3);padding:2rem;font-size:12px}footer span{color:var(--green)}@media (max-width:768px){nav{padding:0 1rem}.nav-links{display:none}.container{padding:0 1.25rem}.hero-stats{gap:1.5rem}h1{font-size:2rem}}