*{margin:0;padding:0;box-sizing:border-box}:root{--green: #00ff88;--dim-green: #00ff8825;--border-green: #00ff8855;--text: #c8d8c8;--bg: #000308}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Courier New,Courier,monospace;overflow-x:hidden}canvas#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#content{position:relative;z-index:1}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:4rem 8rem;max-width:1200px;margin:0 auto}#hero{align-items:flex-start}.classified-stamp{display:inline-block;border:3px solid #ff3333;color:#f33;padding:4px 16px;font-size:.75rem;letter-spacing:.4em;transform:rotate(-2deg);margin-bottom:2.5rem;opacity:.85;text-shadow:0 0 8px #ff333355}#hero h1{font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:1;letter-spacing:-.02em;color:#fff;text-transform:uppercase;text-shadow:0 0 40px #00ff8822}#hero h1 span{color:var(--green);display:block;text-shadow:0 0 30px #00ff8866}.subtitle{margin-top:1.5rem;font-size:.95rem;color:var(--text);letter-spacing:.25em;opacity:.65}.scroll-hint{margin-top:5rem;font-size:.7rem;letter-spacing:.35em;color:var(--green);animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.2}50%{opacity:1}}.reveal-section{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease}.reveal-section.revealed{opacity:1;transform:translateY(0)}.section-label{font-size:.65rem;letter-spacing:.35em;color:var(--green);margin-bottom:1rem;opacity:.6}h2{font-size:clamp(2rem,4vw,3.5rem);color:#fff;text-transform:uppercase;margin-bottom:2rem;letter-spacing:.05em}p{font-size:1rem;line-height:1.9;max-width:60ch;opacity:.75}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.project-card{border:1px solid var(--border-green);padding:1.5rem;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block;cursor:pointer}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--dim-green),transparent 60%);opacity:0;transition:opacity .3s}.project-card:hover{border-color:var(--green);box-shadow:0 0 20px #0f82;transform:translateY(-2px)}.project-card:hover:before{opacity:1}.project-tag{font-size:.62rem;letter-spacing:.2em;color:var(--green);opacity:.7;display:block;margin-bottom:.6rem}.project-card h3{font-size:1.05rem;color:#fff;margin-bottom:.5rem}.project-card p{font-size:.82rem;opacity:.55;max-width:none;line-height:1.6}.skills-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.skills-list span{border:1px solid var(--border-green);padding:.4rem 1.1rem;font-size:.8rem;letter-spacing:.1em;color:var(--green);transition:background .3s,box-shadow .3s;cursor:default}.skills-list span:hover{background:var(--dim-green);box-shadow:0 0 10px #0f82}.contact-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.contact-link{display:inline-block;color:var(--green);text-decoration:none;letter-spacing:.12em;border:1px solid var(--border-green);padding:.6rem 1.5rem;font-size:.85rem;transition:border-color .3s,box-shadow .3s,background .3s}.contact-link:hover{border-color:var(--green);background:var(--dim-green);box-shadow:0 0 15px #0f83}@media (max-width: 768px){section{padding:4rem 1.5rem}.projects-grid{grid-template-columns:1fr}}#alien-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000308d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}#alien-modal.visible{opacity:1;pointer-events:all}.alien-card{border:1px solid var(--green);background:#000a05f2;max-width:520px;width:90%;box-shadow:0 0 40px #0f83,inset 0 0 20px #00ff8808;animation:scanlines .1s steps(1) infinite}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 4px}}.alien-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-green)}.alien-stamp{font-size:.65rem;letter-spacing:.25em;color:#f44;text-shadow:0 0 10px #ff444488}.alien-close{background:none;border:1px solid var(--border-green);color:var(--green);cursor:pointer;width:28px;height:28px;font-size:.75rem;transition:background .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.alien-close:hover{background:var(--dim-green);box-shadow:0 0 10px #0f84}.alien-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:.85rem}.alien-field{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:start;font-size:.75rem}.alien-label{color:var(--green);opacity:.55;letter-spacing:.15em;padding-top:.1rem}.alien-value{color:#e0ffe8;letter-spacing:.08em;line-height:1.5}.alien-value.threat{color:#f80;text-shadow:0 0 8px #ff880055}.alien-value.blink{animation:blink-status 1.4s ease-in-out infinite;color:var(--green)}@keyframes blink-status{0%,to{opacity:1}50%{opacity:.3}}.alien-card-footer{padding:.75rem 1.5rem;border-top:1px solid var(--border-green);font-size:.58rem;letter-spacing:.2em;color:var(--green);opacity:.35;text-align:center}@media (max-width: 500px){.alien-field{grid-template-columns:1fr;gap:.2rem}}#mute-btn{position:fixed;top:1.5rem;right:2rem;z-index:50;background:#000308b3;border:1px solid var(--border-green);color:var(--green);width:40px;height:40px;font-size:1.1rem;cursor:pointer;transition:background .3s,box-shadow .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}#mute-btn:hover{background:var(--dim-green);box-shadow:0 0 12px #00ff8830}#blackhole-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;background:radial-gradient(circle at center,#000000 0%,transparent 70%);opacity:0;transform:scale(0);transition:none}#blackhole-overlay.active{pointer-events:all;animation:bhExpand 2s ease-in forwards}@keyframes bhExpand{0%{opacity:0;transform:scale(0)}30%{opacity:.6;transform:scale(.3)}to{opacity:1;transform:scale(8)}}.devicon-laravel-plain,.devicon-wordpress-plain,.devicon-flutter-plain,.devicon-nodejs-plain,.devicon-mysql-plain,.devicon-postgresql-plain,.devicon-figma-plain,.devicon-git-plain,.devicon-javascript-plain,.devicon-threejs-original,.devicon-github-original,.devicon-linkedin-plain,.devicon-google-plain,.devicon-facebook-plain,.devicon-css3-plain,.devicon-php-plain{color:var(--green)!important;font-size:1em}.project-icons{display:flex;gap:.5rem;margin-bottom:.75rem;font-size:1.6rem;opacity:.8}.skills-list span i{margin-right:.35rem;vertical-align:middle;font-size:1.1em}.contact-link i,.contact-link .social-icon{margin-right:.4rem;vertical-align:middle;font-size:1em}.social-icon{width:1em;height:1em;display:inline-block;color:var(--green)}#aki-btn{position:fixed;top:1.5rem;left:2rem;z-index:50;background:#000308b3;border:1px solid var(--border-green);color:var(--green);font-family:Courier New,monospace;font-size:.65rem;letter-spacing:.2em;padding:0 1rem;height:40px;text-decoration:none;display:flex;align-items:center;transition:background .3s,box-shadow .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:aki-pulse 3s ease-in-out infinite}#aki-btn:hover{background:var(--dim-green);box-shadow:0 0 15px #00ff8830}@keyframes aki-pulse{0%,to{box-shadow:0 0 #0f80}50%{box-shadow:0 0 12px #00ff8830}}#lang-btn{position:fixed;top:1.5rem;right:4.5rem;z-index:50;background:#000308b3;border:1px solid var(--border-green);color:var(--green);font-family:Courier New,monospace;font-size:.65rem;letter-spacing:.2em;width:40px;height:40px;cursor:pointer;transition:background .3s,box-shadow .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#lang-btn:hover{background:var(--dim-green);box-shadow:0 0 12px #00ff8830}