@import"https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap";html{font-size:clamp(14px,1.8vw,20px)}*,*:before,*:after{user-select:none;-webkit-user-select:none}body{margin:0;font-family:Doto,monospace;font-weight:900;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#0d0d12;color:#e0e0e0;line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{width:min(580px,88vw);padding:clamp(24px,4vw,40px) clamp(12px,3vw,20px);display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2vw,24px);animation:fadeIn .6s ease}.signature{max-width:min(800px,90vw);width:100%;height:auto;display:block;margin-bottom:-30px;animation:fadeUp .7s ease;filter:invert(1)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,.8vw,8px);width:100%}.project-badge{background:#1a1a22;border:1.5px solid #2a2a33;border-radius:8px;padding:clamp(4px,.8vw,8px) clamp(10px,1.5vw,15px);font-size:clamp(.55em,.8vw,.7em);letter-spacing:1px;text-transform:uppercase;color:#999;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;text-decoration:none;font-family:Doto,monospace;font-weight:900;height:clamp(26px,3vw,30px);box-sizing:border-box;gap:6px;animation:fadeUp .5s ease both}.project-badge:nth-child(1){animation-delay:.38s}.project-badge:nth-child(2){animation-delay:.44s}.project-badge:nth-child(3){animation-delay:.5s}.project-badge:nth-child(4){animation-delay:.56s}.project-badge:nth-child(5){animation-delay:.62s}.project-badge:nth-child(6){animation-delay:.68s}.project-badge:hover{border-color:#444;background:#22222a;color:#ccc}.badge-logo{height:1.2em;width:auto}