*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;background:#161d26;color:#e6edf3;min-height:100vh}#root{min-height:100vh}*{margin:0;padding:0}.site{max-width:860px;margin:0 auto;padding:2rem 1.5rem 4rem;font-family:Courier New,monospace;color:#e6edf3;background:#161d26;min-height:100vh}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 2.5rem;border-bottom:.5px solid #30363d;margin-bottom:3rem}.nav-name{font-size:15px;font-weight:500;color:#58a6ff;letter-spacing:.03em}.nav-links{display:flex;gap:1.5rem}.nav-links a{font-size:13px;color:#8b949e;text-decoration:none;transition:color .15s}.nav-links a:hover{color:#58a6ff}.hero{display:flex;gap:2rem;align-items:flex-start;margin-bottom:4rem}.hero-photo{width:110px;height:110px;border-radius:50%;border:2px solid #30363d;object-fit:cover;object-position:center top;flex-shrink:0}.hero-content{flex:1}.hero-label{font-size:12px;color:#3fb950;margin-bottom:.75rem;letter-spacing:.08em}h1{font-size:34px;font-weight:500;color:#e6edf3;line-height:1.2;margin-bottom:.75rem;font-family:system-ui,sans-serif}.accent{color:#58a6ff}.hero-sub{font-size:14px;color:#8b949e;line-height:1.7;max-width:580px;font-family:system-ui,sans-serif;margin-bottom:1.25rem}.hero-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.hero-links--portfolio{margin-top:4px}.hero-link{display:inline-flex;align-items:center;font-size:12px;padding:5px 12px;border:.5px solid #30363d;border-radius:6px;color:#8b949e;text-decoration:none;background:#161b22;transition:all .15s}.hero-link:hover{border-color:#58a6ff;color:#58a6ff}.hero-link--contact{color:#3fb950;border-color:#3fb950;background:#3fb95012;font-size:12px;animation:contact-pulse 4s ease-in-out infinite}.hero-link--contact:hover{background:#3fb9502e;color:#3fb950;box-shadow:0 0 10px #3fb9504d;animation:none}@keyframes contact-pulse{0%,to{transform:translateY(0);box-shadow:0 0 #3fb95000}50%{transform:translateY(-2px);box-shadow:0 4px 12px #3fb95040}}.section{margin-bottom:3.5rem}.section-label{font-size:11px;color:#3fb950;letter-spacing:.1em;margin-bottom:1.25rem;text-transform:uppercase}.section-label:before{content:"// ";opacity:.5}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.skill-group{background:#161b22;border:.5px solid #21262d;border-radius:8px;padding:14px 16px}.skill-group-name{font-size:11px;color:#3fb950;letter-spacing:.08em;margin-bottom:8px}.skill-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:11px;padding:3px 8px;background:#161d26;border:.5px solid #30363d;border-radius:4px;color:#8b949e}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.project-card{background:#161b22;border:.5px solid #21262d;border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s}.project-card:hover{border-color:#388bfd}.project-name{font-size:14px;font-weight:500;color:#58a6ff;font-family:system-ui,sans-serif}.project-desc{font-size:13px;color:#8b949e;line-height:1.6;font-family:system-ui,sans-serif;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.project-link{font-size:12px;color:#3fb950;text-decoration:none;margin-top:4px;display:inline-block}.project-link:hover{text-decoration:underline}.platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.platform-card{background:#161b22;border:.5px solid #21262d;border-radius:8px;padding:14px 16px}.platform-name{font-size:13px;font-weight:500;color:#e6edf3;margin-bottom:4px;font-family:system-ui,sans-serif}.platform-stat{font-size:22px;font-weight:500;color:#58a6ff;font-family:system-ui,sans-serif}.platform-label{font-size:11px;color:#8b949e;margin-top:2px;font-family:system-ui,sans-serif}.platform-link{font-size:11px;color:#3fb950;text-decoration:none;display:block;margin-top:6px}.platform-link:hover{text-decoration:underline}.cert-providers{display:flex;flex-direction:column;gap:8px}.cert-provider{background:#161b22;border:.5px solid #21262d;border-radius:8px;overflow:hidden}.cert-header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.cert-header:hover{background:#1c2128}.cert-provider-name{font-size:14px;font-weight:500;color:#e6edf3;font-family:system-ui,sans-serif}.cert-header-right{display:flex;align-items:center;gap:8px}.cert-count{font-size:11px;color:#8b949e;background:#161d26;padding:2px 8px;border-radius:10px;border:.5px solid #30363d}.cert-chevron{font-size:10px;color:#8b949e;transition:transform .2s}.cert-list{padding:0 16px 14px;border-top:.5px solid #21262d}.cert-item{font-size:13px;color:#8b949e;padding:5px 0;border-top:.5px solid #21262d;font-family:system-ui,sans-serif;display:flex;align-items:center;gap:8px}.cert-item:before{content:"";width:5px;height:5px;background:#3fb950;border-radius:50%;flex-shrink:0}.cert-item:first-child{border-top:none}.exp-item{border-left:2px solid #21262d;padding-left:1.25rem;margin-bottom:1.5rem}.exp-title{font-size:14px;font-weight:500;color:#e6edf3;font-family:system-ui,sans-serif}.exp-company{font-size:13px;color:#58a6ff;font-family:system-ui,sans-serif}.exp-dates{font-size:12px;color:#8b949e;margin:3px 0 10px;font-family:system-ui,sans-serif}.exp-bullets{list-style:none;display:flex;flex-direction:column;gap:5px}.exp-bullets li{font-size:13px;color:#8b949e;line-height:1.6;font-family:system-ui,sans-serif;padding-left:14px;position:relative}.exp-bullets li:before{content:">";position:absolute;left:0;color:#3fb950}.edu-item{background:#161b22;border:.5px solid #21262d;border-radius:8px;padding:14px 16px;margin-bottom:10px}.edu-degree{font-size:14px;font-weight:500;color:#e6edf3;font-family:system-ui,sans-serif}.edu-school{font-size:13px;color:#58a6ff;font-family:system-ui,sans-serif;margin-top:2px}.edu-date{font-size:12px;color:#8b949e;margin-top:2px;font-family:system-ui,sans-serif}footer{margin-top:2rem;padding-top:2rem;border-top:.5px solid #21262d}.contact-card{background:#161b22;border:.5px solid #21262d;border-radius:10px;padding:1.5rem;transition:border-color .3s,box-shadow .3s;animation:card-drift 6s ease-in-out infinite}.contact-card:hover{border-color:#3fb950;box-shadow:0 0 20px #3fb95014;animation:none}@keyframes card-drift{0%,to{transform:translateY(0);box-shadow:0 0 #3fb95000}50%{transform:translateY(-3px);box-shadow:0 4px 20px #3fb9500f}}.contact-card-label{font-size:11px;color:#3fb950;letter-spacing:.1em;margin-bottom:1rem;opacity:.7}.contact-card-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.contact-card-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#c9d1d9;text-decoration:none;padding:10px 12px;background:#161d26;border:.5px solid #21262d;border-radius:6px;transition:all .15s;font-family:system-ui,sans-serif}.contact-card-item:hover{border-color:#58a6ff;color:#58a6ff}.contact-icon{font-size:12px;color:#3fb950;font-family:monospace;min-width:18px;text-align:center}.terminal{position:fixed;bottom:20px;right:20px;width:360px;background:#161d26;border:.5px solid #3fb950;border-radius:8px;padding:14px;z-index:100;font-size:12px;font-family:Courier New,monospace}.terminal-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.terminal-title{color:#3fb950;font-size:11px}.terminal-close{color:#8b949e;cursor:pointer;background:none;border:none;padding:0;line-height:1;font-size:18px;font-family:inherit}.terminal-close:hover{color:#e6edf3}.terminal-output{color:#8b949e;line-height:1.9;max-height:200px;overflow-y:auto;white-space:pre-wrap}.terminal-output .g{color:#3fb950}.terminal-output .b{color:#58a6ff}.terminal-output .w{color:#e6edf3}.terminal-output .dim{color:#484f58}.terminal-output .err{color:#e85d4a}.terminal-input-row{display:flex;align-items:center;gap:6px;margin-top:8px;border-top:.5px solid #21262d;padding-top:8px}.terminal-prompt{color:#3fb950}.terminal-input{background:none;border:none;outline:none;color:#e6edf3;font-family:Courier New,monospace;font-size:12px;flex:1}.konami-hint{position:fixed;bottom:20px;left:20px;font-size:10px;color:#97bf9d;pointer-events:none;font-family:monospace}@media(max-width:600px){.hero{flex-direction:column;align-items:center;text-align:center}.hero-sub{max-width:100%}nav{flex-direction:column;gap:1rem}.terminal{width:calc(100vw - 2rem);right:1rem}}
