:root{--color-surface:#0d0e15;--color-surface-alt:#14172380;--color-primary:#00f0ff;--color-secondary:#06f;--color-danger:#f05;--color-primary-glow:#00f0ff8c;--color-secondary-glow:#0066ff8c;--color-danger-glow:#ff00558c;--color-primary-wash:#00f0ff1f;--color-secondary-wash:#0066ff1f;--color-danger-wash:#ff00551f;--color-text:#fff;--color-text-muted:#9aa0b4;--color-border:#00f0ff59}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0}body{background-color:var(--color-surface);min-height:100vh;color:var(--color-text)}a{color:inherit;text-decoration:none}ul{padding:0;list-style:none}body{font-family:Consolas,Courier New,ui-monospace,monospace}.heading{color:var(--color-text);text-shadow:0 0 8px var(--color-primary-glow), 0 0 16px var(--color-primary-glow);letter-spacing:.05em;font-family:Segoe UI,ui-sans-serif,sans-serif}.text-muted{color:var(--color-text-muted)}body{background-color:var(--color-surface);background-image:linear-gradient(135deg, var(--color-secondary-wash) 0%, var(--color-primary-wash) 50%, var(--color-danger-wash) 100%)}.btn--neon{background-color:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:.75rem 1.5rem;transition:color .2s ease-in-out,border-color .2s ease-in-out,text-shadow .2s ease-in-out,box-shadow .2s ease-in-out;display:flex}.btn--neon:hover,.btn--neon:focus-visible{color:var(--color-primary);border-color:var(--color-primary);text-shadow:0 0 4px var(--color-primary-glow), 0 0 10px var(--color-primary-glow);box-shadow:0 0 6px var(--color-primary-glow), 0 0 18px var(--color-primary-glow), inset 0 0 10px var(--color-primary-glow)}.contact-form{flex-direction:column;justify-content:center;align-items:stretch;gap:1rem;width:100%;max-width:30rem;display:flex}.contact-form__field{flex-direction:column;gap:.25rem;display:flex}.contact-form label{color:var(--color-text-muted);font-size:.875rem}.contact-form input,.contact-form textarea{background-color:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text);padding:.625rem;font-family:inherit}.contact-form input:focus-visible,.contact-form textarea:focus-visible{border-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow);outline:none}.contact-form__error{color:var(--color-danger);min-height:1rem;font-size:.8125rem}.contact-form__checkbox{flex-direction:row;align-items:flex-start;gap:.5rem;display:flex}.contact-form__checkbox input{width:auto;accent-color:var(--color-primary)}.contact-form__checkbox label{color:var(--color-text)}.site-footer{border-top:1px solid var(--color-border);flex-flow:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.site-footer__copyright{color:var(--color-text-muted);font-size:.875rem}.site-footer__socials{flex-direction:row;align-items:center;gap:1rem;display:flex}.site-footer__social{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;transition:color .2s ease-in-out;display:flex}.site-footer__social svg{width:1.5rem;height:1.5rem}.site-footer__social:hover{color:var(--color-primary)}.site-header{z-index:10;background-color:var(--color-surface-alt);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.site-header__start{flex-flow:wrap;align-items:center;gap:1.5rem;display:flex}.site-header__name{font-size:1rem;font-weight:700;line-height:1.2}.site-header__logo{color:var(--color-primary);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.site-header__logo svg{width:2.25rem;height:2.25rem;filter:drop-shadow(0 0 6px var(--color-primary-glow));display:block}.site-header nav ul{flex-flow:wrap;align-items:center;gap:.75rem;display:flex}.skill-card{background-color:var(--color-surface-alt);height:100%;color:var(--color-primary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;transition:box-shadow .2s ease-in-out;display:flex}.skill-card:hover{box-shadow:0 0 12px var(--color-primary-glow)}.skill-icon{width:2rem;height:2rem;filter:drop-shadow(0 0 4px var(--color-primary-glow))}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:60vh;display:flex}.welcome__role{font-size:clamp(1.125rem,2vw + 1rem,1.75rem);font-weight:400}.welcome__name{font-size:clamp(2.25rem,6vw + 1rem,4.5rem);font-weight:700}.about,.techstack,.projects,.contact{max-width:60rem;margin:0 auto;padding:3rem 1.5rem}.about__facts{flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;display:flex}.about__fact dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem}.about__fact dd{color:var(--color-text);margin:0;font-size:1rem}.techstack__group{margin-bottom:1.5rem}.techstack__grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-auto-rows:1fr;gap:.75rem;display:grid}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.projects__card{background-color:var(--color-surface-alt);border:1px solid var(--color-border);flex-direction:column;justify-content:center;align-items:flex-start;gap:.75rem;padding:1.25rem;display:flex}.projects__tech{gap:.5rem;display:flex}.projects__tech-icon svg{width:1.25rem;height:1.25rem;color:var(--color-primary)}.contact{flex-direction:column;justify-content:center;align-items:center;display:flex}.link{color:var(--color-text-muted)}
