:root{--void:#0a0a0a;--surface:#1a1a1a;--paper:#f5f0e8;--ink:#0a0a0a;--primary:#2dc653;--primary-dark:#5a9a64;--primary-light:#a8e6b0;--accent:#e8f5e9;--white:#fff;--glass:#1a1a1a;--glass-border:#3a3a3a;--brutal-shadow:6px 6px 0px #3a3a3a;--brutal-shadow-hover:8px 8px 0px var(--primary);--brutal-border:3px solid #4a4a4a}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}html,body,#root{min-height:100%}body{background:var(--void);min-height:100vh;font-family:JetBrains Mono,Courier New,monospace;position:relative;overflow-x:hidden}.dithering-wrapper{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.dithering-fallback{background:var(--void);position:absolute;inset:0}.dithering-canvas{width:100%;height:100%}.grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(#2a2a2a 1px,#0000 1px),linear-gradient(90deg,#2a2a2a 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.theme-toggle{z-index:100;background:var(--surface);border:2px solid var(--primary);border-radius:0;gap:0;display:flex;position:fixed;top:20px;right:20px}.theme-btn{border:none;border-right:2px solid var(--primary);color:var(--paper);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .15s}.theme-btn:last-child{border-right:none}.theme-btn.active{background:var(--primary);color:var(--ink)}.theme-btn:hover:not(.active){background:#2a3a00}.container{z-index:2;flex-direction:column;align-items:center;width:min(100%,560px);min-height:100vh;margin:0 auto;padding:clamp(48px,7vw,72px) clamp(14px,4vw,24px) clamp(28px,5vw,44px);display:flex;position:relative}@keyframes borderPulse{0%,to{border-color:var(--primary);transform:rotate(0)}33%{border-color:var(--primary-light)}66%{border-color:var(--primary-dark)}}.avatar-wrapper:after{content:"";background:var(--primary);z-index:-1;position:absolute;inset:8px}.avatar{background:var(--surface);border:3px solid var(--paper);justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;overflow:hidden}.avatar img{object-fit:cover;filter:grayscale(20%)contrast(1.1);width:100%;height:100%}.profile-image{aspect-ratio:11/7;object-fit:cover;opacity:0;border-radius:0;width:clamp(180px,62vw,260px);height:auto;margin-bottom:6px;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards brutalReveal}.profile{text-align:center;margin-bottom:40px}.name{color:var(--white);letter-spacing:-.03em;text-transform:uppercase;opacity:0;margin-bottom:8px;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;animation:.6s cubic-bezier(.16,1,.3,1) .2s forwards brutalReveal}.name:after{content:"";background:var(--primary);width:60px;height:4px;margin:12px auto 0;display:block}.bio{color:#d9d9d9;opacity:0;max-width:320px;margin:0 auto;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.7;animation:.6s cubic-bezier(.16,1,.3,1) .3s forwards brutalReveal}.title{color:var(--primary-light);text-transform:uppercase;letter-spacing:.15em;opacity:0;font-family:JetBrains Mono,monospace;font-size:12px;animation:.6s cubic-bezier(.16,1,.3,1) .2s forwards brutalReveal}.location{color:#bfbfbf;text-transform:uppercase;letter-spacing:.1em;opacity:0;background:0 0;border:2px solid #4a4a4a;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:12px;animation:.6s cubic-bezier(.16,1,.3,1) .35s forwards brutalReveal;display:inline-flex}.location svg{width:14px;height:14px}@keyframes brutalReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.links{flex-direction:column;gap:16px;width:100%;display:flex}.link{background:var(--surface);width:100%;color:var(--paper);text-transform:uppercase;letter-spacing:.05em;opacity:0;border:3px solid #4a4a4a;align-items:center;gap:16px;padding:18px 20px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) forwards brutalReveal;display:flex;position:relative}.link:before{content:"";background:var(--primary);z-index:-1;opacity:0;transition:all .2s;position:absolute;inset:5px -5px -5px 5px}.link:hover{border-color:var(--paper);background:#2a2a2a;transform:translate(-3px,-3px)}.link:hover:before{opacity:.6}.link-icon{width:24px;height:24px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.link-icon svg{width:100%;height:100%}.link-text{flex:1}.link-arrow{opacity:0;width:18px;height:18px;color:var(--primary-light);transition:all .2s;transform:translate(-10px)}.link:hover .link-arrow{opacity:1;transform:translate(0)}.link-arrow svg{width:100%;height:100%}.link.featured{background:var(--primary);color:var(--ink);border-color:var(--primary)}.link.featured:before{background:var(--white)}.link.featured .link-icon,.link.featured .link-arrow{color:var(--ink)}.link.featured:hover{background:var(--primary-light);border-color:var(--primary-light)}.socials{opacity:0;gap:12px;margin-top:40px;animation:.6s cubic-bezier(.16,1,.3,1) 1s forwards brutalReveal;display:flex}.social-link{width:50px;height:50px;color:var(--paper);background:0 0;border:3px solid #5a5a5a;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex;position:relative}.social-link:before{content:"";background:var(--primary-dark);z-index:-1;opacity:0;transition:all .2s;position:absolute;inset:4px -4px -4px 4px}.social-link:hover{border-color:var(--primary-dark);transform:translate(-3px,-3px)}.social-link:hover:before{opacity:.5}.social-link svg{width:22px;height:22px}.footer{text-align:center;opacity:0;margin-top:auto;padding-top:60px;animation:.6s cubic-bezier(.16,1,.3,1) 1.2s forwards brutalReveal}.footer p{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:12px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--primary)}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}@media (width<=768px){.profile{margin-bottom:30px}.bio{max-width:100%;font-size:13px;line-height:1.6}.link{gap:12px;padding:16px;font-size:13px}.social-link{width:46px;height:46px}.footer{padding-top:44px}}@media (width<=480px){.theme-toggle{top:12px;right:12px}.theme-btn{padding:8px 10px;font-size:10px}.name{font-size:1.3rem}.title,.location,.footer p{font-size:11px}}@media (width>=1024px){.container{width:min(100%,620px)}.name{font-size:1.7rem}.bio{max-width:420px}}@media (hover:none),(pointer:coarse){.link:hover,.social-link:hover{transform:none}.link:before,.social-link:before,.link:hover:before,.social-link:hover:before,.link:hover .link-arrow{opacity:0}.cursor-dot{display:none}}.cursor-dot{background:var(--primary);pointer-events:none;z-index:9999;border-radius:0;width:10px;height:10px;position:fixed}.home-container{z-index:2;width:min(100%,900px);min-height:100vh;margin:0 auto;padding:0 clamp(16px,5vw,48px) clamp(40px,6vw,64px);position:relative}.home-nav{opacity:0;border-bottom:2px solid #2a2a2a;justify-content:space-between;align-items:center;margin-bottom:80px;padding:28px 0;animation:.5s cubic-bezier(.16,1,.3,1) forwards brutalReveal;display:flex}.home-nav-logo{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-family:Syne,sans-serif;font-size:1rem;font-weight:800}.home-nav-links{gap:8px;display:flex}.home-nav-item{text-transform:uppercase;letter-spacing:.1em;color:#bfbfbf;border:2px solid #0000;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:none;transition:all .15s}.home-nav-item:hover,.home-nav-item--active{color:var(--white);border-color:#4a4a4a}.home-hero{margin-bottom:100px}.home-hero-tag{color:var(--primary);opacity:0;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:13px;animation:.5s cubic-bezier(.16,1,.3,1) .1s forwards brutalReveal}.home-hero-title{color:var(--white);letter-spacing:-.04em;opacity:0;margin-bottom:28px;font-family:Syne,sans-serif;font-size:clamp(3.5rem,10vw,7rem);font-weight:800;line-height:.95;animation:.6s cubic-bezier(.16,1,.3,1) .15s forwards brutalReveal}.home-hero-title--accent{color:var(--primary)}.home-hero-sub{color:#bfbfbf;opacity:0;max-width:460px;margin-bottom:36px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.8;animation:.6s cubic-bezier(.16,1,.3,1) .25s forwards brutalReveal}.home-hero-actions{opacity:0;flex-wrap:wrap;gap:12px;animation:.6s cubic-bezier(.16,1,.3,1) .35s forwards brutalReveal;display:flex}.home-btn{text-transform:uppercase;letter-spacing:.08em;border:3px solid #0000;padding:14px 28px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative}.home-btn--primary{background:var(--primary);color:var(--ink);border-color:var(--primary)}.home-btn--primary:after{content:"";background:var(--primary-dark);z-index:-1;transition:all .2s;position:absolute;inset:5px -5px -5px 5px}.home-btn--primary:hover{transform:translate(-3px,-3px)}.home-btn--outline{color:var(--paper);background:0 0;border-color:#4a4a4a}.home-btn--outline:hover{border-color:var(--primary);color:var(--primary)}.home-btn--lg{padding:18px 40px;font-size:14px}.home-section{opacity:0;margin-bottom:80px;animation:.6s cubic-bezier(.16,1,.3,1) .4s forwards brutalReveal}.home-section-title{color:var(--white);letter-spacing:-.03em;border-bottom:2px solid #2a2a2a;margin-bottom:40px;padding-bottom:16px;font-family:Syne,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.home-section-number{color:var(--primary);margin-right:12px;font-size:.75em}.home-about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.home-about-text{flex-direction:column;gap:16px;display:flex}.home-about-text p{color:silver;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.8}.home-skills-label{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:12px}.home-skills-grid{flex-wrap:wrap;gap:10px;display:flex}.home-skill-tag{color:var(--paper);text-transform:uppercase;letter-spacing:.08em;border:2px solid #4a4a4a;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .15s}.home-skill-tag:hover{border-color:var(--primary);color:var(--primary)}.home-projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.home-project-card{background:var(--surface);color:var(--paper);opacity:0;border:3px solid #3a3a3a;flex-direction:column;gap:12px;padding:28px 24px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) forwards brutalReveal;display:flex;position:relative}.home-project-card:after{content:"";z-index:-1;background:#2a2a2a;transition:all .2s;position:absolute;inset:5px -5px -5px 5px}.home-project-card:hover{border-color:var(--primary);transform:translate(-4px,-4px)}.home-project-card:hover:after{background:var(--primary-dark)}.home-project-card--featured{border-color:var(--primary);background:#0d1a0f}.home-project-card--featured:after{background:var(--primary-dark)}.home-project-header{justify-content:space-between;align-items:center;display:flex}.home-project-number{color:var(--primary);letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:12px}.home-project-arrow{color:#5a5a5a;width:20px;height:20px;transition:all .2s}.home-project-card:hover .home-project-arrow{color:var(--primary);transform:translate(2px,-2px)}.home-project-title{color:var(--white);letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:1.2rem;font-weight:700}.home-project-desc{color:#9a9a9a;flex:1;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7}.home-project-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.home-project-tag{color:var(--primary-light);text-transform:uppercase;letter-spacing:.08em;background:#2dc65314;border:1px solid #2dc6534d;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px}.home-contact{text-align:center;opacity:0;border-top:2px solid #2a2a2a;border-bottom:2px solid #2a2a2a;margin-bottom:60px;padding:80px 0;animation:.6s cubic-bezier(.16,1,.3,1) .5s forwards brutalReveal}.home-contact-label{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:12px}.home-contact-title{color:var(--white);letter-spacing:-.03em;margin-bottom:32px;font-family:Syne,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.home-footer{opacity:0;justify-content:space-between;align-items:center;padding:24px 0;animation:.6s cubic-bezier(.16,1,.3,1) .6s forwards brutalReveal;display:flex}.home-footer p{color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:12px}.home-footer-link{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:none;transition:color .15s}.home-footer-link:hover{color:var(--primary-light)}@media (width<=700px){.home-nav{margin-bottom:48px}.home-hero{margin-bottom:64px}.home-about-grid{grid-template-columns:1fr;gap:32px}.home-section{margin-bottom:56px}.home-hero-actions{flex-direction:column}.home-btn{text-align:center}.home-footer{text-align:center;flex-direction:column;gap:12px}}