*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0e1a;--surface: #111827;--surface2: #1a2235;--accent: #00d4aa;--accent2: #3b82f6;--accent3: #f59e0b;--text: #f1f5f9;--muted: #94a3b8;--border: rgba(255,255,255,.08);--mono: "Space Mono", monospace;--sans: "DM Sans", sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;overflow-x:hidden}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,212,170,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,.03) 1px,transparent 1px);background-size:40px 40px}.container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 24px}nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;background:#0a0e1ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-logo{font-family:var(--mono);font-size:13px;color:var(--accent);letter-spacing:.05em}.nav-links{display:flex;gap:24px}.nav-links a{font-size:13px;color:var(--muted);text-decoration:none;font-family:var(--mono);letter-spacing:.03em;cursor:pointer;transition:color .2s}.nav-links a:hover{color:var(--accent)}.hero{padding:72px 0 60px}.hero-tag{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:20px}.hero-tag:before{content:"";width:28px;height:1px;background:var(--accent)}.hero-name{font-size:clamp(36px,5vw,52px);font-weight:600;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em}.hero-name span{color:var(--accent)}.hero-title{font-family:var(--mono);font-size:16px;color:var(--muted);margin-bottom:24px}.hero-desc{font-size:16px;line-height:1.7;color:var(--muted);max-width:600px;margin-bottom:36px}.hero-stats{display:flex;gap:32px;margin-bottom:36px}.stat{display:flex;flex-direction:column;gap:2px}.stat-num{font-family:var(--mono);font-size:28px;font-weight:700;color:var(--accent)}.stat-label{font-size:12px;color:var(--muted);letter-spacing:.05em}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{background:var(--accent);color:#0a0e1a;font-family:var(--mono);font-size:12px;padding:10px 22px;border:none;cursor:pointer;letter-spacing:.06em;font-weight:700;transition:opacity .2s;text-decoration:none;display:inline-block}.btn-primary:hover{opacity:.85}.btn-outline{background:transparent;color:var(--accent);font-family:var(--mono);font-size:12px;padding:10px 22px;border:1px solid var(--accent);cursor:pointer;letter-spacing:.06em;transition:all .2s;text-decoration:none;display:inline-block}.btn-outline:hover{background:#00d4aa14}section{padding:60px 0;border-top:1px solid var(--border)}.section-tag{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:32px}.section-tag:before{content:"";width:20px;height:1px;background:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.skill-card{background:var(--surface);border:1px solid var(--border);padding:20px;transition:border-color .2s}.skill-card:hover{border-color:#00d4aa4d}.skill-icon{width:36px;height:36px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;background:#00d4aa1a;font-size:18px}.skill-name{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}.skill-desc{font-size:13px;color:var(--muted);line-height:1.5}.skill-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{font-family:var(--mono);font-size:10px;padding:3px 8px;border:1px solid var(--border);color:var(--muted);letter-spacing:.04em}.tag.accent{border-color:#00d4aa66;color:var(--accent)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-pill{background:var(--surface);border:1px solid var(--border);padding:12px 14px;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.03em;text-align:center;transition:all .2s}.tool-pill:hover{border-color:#00d4aa66;color:var(--accent)}.tool-pill.highlight{border-color:#00d4aa4d;color:var(--accent);background:#00d4aa0d}.exp-list{display:flex;flex-direction:column;gap:0}.exp-item{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--border)}.exp-item:first-child{padding-top:0}.exp-period{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em;padding-top:4px}.exp-role{font-size:16px;font-weight:600;color:var(--text);margin-bottom:2px}.exp-company{font-family:var(--mono);font-size:12px;color:var(--accent);margin-bottom:12px}.exp-bullets{list-style:none;display:flex;flex-direction:column;gap:6px}.exp-bullets li{font-size:13px;color:var(--muted);line-height:1.5;padding-left:16px;position:relative}.exp-bullets li:before{content:"→";position:absolute;left:0;color:var(--accent);font-size:11px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{background:var(--surface);border:1px solid var(--border);padding:22px;transition:border-color .2s;cursor:pointer}.project-card:hover{border-color:#3b82f666}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.project-name{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text)}.project-lang{font-family:var(--mono);font-size:10px;padding:2px 8px;background:#3b82f61f;color:var(--accent2);border:1px solid rgba(59,130,246,.3);letter-spacing:.04em}.project-desc{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:14px}.project-meta{display:flex;gap:16px}.project-stat{font-family:var(--mono);font-size:11px;color:var(--muted)}.project-stat span{color:var(--accent3)}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cert-card{background:var(--surface);border:1px solid var(--border);padding:18px;text-align:center;transition:border-color .2s}.cert-card:hover{border-color:#f59e0b66}.cert-icon{font-size:28px;margin-bottom:10px}.cert-name{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text);letter-spacing:.03em}.cert-org{font-size:12px;color:var(--muted);margin-top:4px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-card{background:var(--surface);border:1px solid var(--border);padding:18px;transition:all .2s;cursor:pointer}.contact-card:hover{border-color:#00d4aa66;background:#00d4aa08}.contact-label{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.contact-value{font-size:13px;color:var(--accent)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface2)}.progress-bars{display:flex;flex-direction:column;gap:14px;margin-top:28px}.prog-row{display:flex;flex-direction:column;gap:6px}.prog-label{display:flex;justify-content:space-between}.prog-name{font-family:var(--mono);font-size:12px;color:var(--muted)}.prog-pct{font-family:var(--mono);font-size:12px;color:var(--accent)}.prog-track{height:3px;background:var(--surface2);position:relative;overflow:hidden}.prog-fill{height:100%;background:var(--accent);width:0;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.prog-fill.blue{background:var(--accent2)}.prog-fill.amber{background:var(--accent3)}@media (max-width: 600px){.skills-grid,.projects-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}.cert-grid,.contact-grid{grid-template-columns:1fr}.exp-item{grid-template-columns:1fr;gap:12px}.hero-stats{gap:16px;flex-direction:column}nav{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 0}.nav-links{flex-wrap:wrap;gap:12px}.hero-name{font-size:32px}.btn-primary,.btn-outline{width:100%;text-align:center}}.admin-container{padding:20px 0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border)}.admin-section{background:var(--surface);border:1px solid var(--border);padding:24px;margin-bottom:24px;border-radius:4px}.admin-section h2{font-family:var(--mono);font-size:16px;color:var(--accent);margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:6px}.form-control{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:10px 12px;font-family:var(--sans);font-size:14px;border-radius:4px}.form-control:focus{outline:none;border-color:var(--accent)}textarea.form-control{min-height:100px;resize:vertical}.btn-save{background:var(--accent2);color:#fff;border:none;padding:10px 20px;font-family:var(--mono);font-size:12px;font-weight:700;cursor:pointer;border-radius:4px;transition:opacity .2s}.btn-save:hover{opacity:.9}.admin-list-item{background:var(--bg);border:1px solid var(--border);padding:16px;margin-bottom:16px;border-radius:4px}.btn-danger{background:transparent;color:#ef4444;border:1px solid #ef4444;padding:6px 12px;font-family:var(--mono);font-size:11px;cursor:pointer;border-radius:4px;margin-top:10px}.btn-danger:hover{background:#ef44441a}.btn-add{background:transparent;color:var(--accent);border:1px dashed var(--accent);padding:10px;width:100%;text-align:center;font-family:var(--mono);font-size:12px;cursor:pointer;border-radius:4px}.btn-add:hover{background:#00d4aa0d}