*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0a0a0f;--color-bg-secondary: #12121a;--color-primary: #00ff88;--color-secondary: #00d4ff;--color-accent: #ff006e;--color-text: #e0e0e0;--color-text-dim: #707085;--color-border: #1a1a2e;--color-glow: rgba(0, 255, 136, .4);--font-main: "Orbitron", sans-serif;--font-mono: "Space Mono", monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-bg);padding:8px 16px;text-decoration:none;font-weight:700;z-index:10000;border-radius:0 0 4px;transition:top .3s ease}.skip-link:focus{top:0}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.link-card:focus-visible,.cta-button:focus-visible,.copy-button:focus-visible,.warning-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.close-modal-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}body{font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;line-height:1.6;position:relative}.bg-lines{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.15;z-index:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--color-primary) 2px,var(--color-primary) 3px),repeating-linear-gradient(90deg,transparent,transparent 2px,var(--color-secondary) 2px,var(--color-secondary) 3px);background-size:100px 100px;animation:slideLines 20s linear infinite}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;z-index:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:50px 50px}.bg-glow{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,var(--color-glow) 0%,transparent 70%);opacity:.1;z-index:0;animation:pulse 8s ease-in-out infinite}@keyframes slideLines{0%{background-position:0 0}to{background-position:100px 100px}}@keyframes pulse{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.15;transform:translate(-50%,-50%) scale(1.1)}}.container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh}.terminal-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px 8px 0 0;margin-bottom:-1px;font-family:var(--font-mono);font-size:.875rem}.terminal-dot{width:12px;height:12px;border-radius:50%;background:var(--color-text-dim)}.terminal-dot:nth-child(1){background:#ff5f56}.terminal-dot:nth-child(2){background:#ffbd2e}.terminal-dot:nth-child(3){background:#27c93f}.terminal-title{margin-left:auto;color:var(--color-text-dim)}.main-content{background:#12121acc;border:1px solid var(--color-border);border-radius:0 0 8px 8px;padding:3rem 2rem;backdrop-filter:blur(10px)}.terminal-prompt{display:flex;align-items:center;gap:12px;margin-bottom:1rem;font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-dim);opacity:0;animation:fadeIn .5s ease forwards}.prompt-symbol{color:var(--color-primary);font-weight:700}.prompt-text{color:var(--color-secondary)}.hero{margin-bottom:4rem;position:relative}.hero:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle at 30% 50%,rgba(0,255,136,.05) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(0,212,255,.05) 0%,transparent 50%);z-index:-1;border-radius:12px;opacity:0;animation:fadeIn 1s ease forwards 1s}.title{font-family:var(--font-main);font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;position:relative}.title-line{display:block;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(20px);position:relative;filter:drop-shadow(0 0 20px var(--color-glow)) drop-shadow(0 0 40px rgba(0,212,255,.3)) drop-shadow(0 4px 8px rgba(0,0,0,.5))}.title-line:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(15px);opacity:.8}#name-line{animation:slideUp .8s ease forwards .5s,glow-pulse 3s ease-in-out infinite 1.5s}#role-line{font-size:.6em;color:var(--color-text);-webkit-text-fill-color:var(--color-text);filter:drop-shadow(0 0 15px rgba(0,255,136,.3)) drop-shadow(0 2px 4px rgba(0,0,0,.6));animation:slideUp .8s ease forwards .8s,glow-pulse 3s ease-in-out infinite 2s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 20px var(--color-glow)) drop-shadow(0 0 40px rgba(0,212,255,.3)) drop-shadow(0 4px 8px rgba(0,0,0,.5))}50%{filter:drop-shadow(0 0 30px var(--color-glow)) drop-shadow(0 0 60px rgba(0,212,255,.5)) drop-shadow(0 4px 12px rgba(0,0,0,.7))}}.tagline{font-size:1.125rem;color:var(--color-text-dim);min-height:2em}.cursor{display:inline-block;width:10px;height:1.2em;background:var(--color-primary);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.about{margin-bottom:4rem;opacity:0;animation:fadeIn .5s ease forwards 1.5s}.bio{font-size:1rem;line-height:1.8;color:var(--color-text);min-height:4em}.links{margin-bottom:4rem;opacity:0;animation:fadeIn .5s ease forwards 2s}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem}.link-card{position:relative;display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;text-decoration:none;color:var(--color-text);transition:all .3s ease;overflow:hidden}.link-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .5s ease}.link-card:hover:before{left:100%}.link-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 20px var(--color-glow)}.link-icon{font-size:1.25rem;color:var(--color-primary);font-weight:700}.link-text{flex:1;font-size:.9rem}.link-arrow{color:var(--color-secondary);opacity:0;transform:translate(-10px);transition:all .3s ease}.link-card:hover .link-arrow{opacity:1;transform:translate(0)}.cta{text-align:center;margin-bottom:4rem;opacity:0;animation:fadeIn .5s ease forwards 2.5s}.cta-button{display:inline-flex;align-items:center;gap:16px;padding:1.25rem 2.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-bg);font-family:var(--font-main);font-size:1.125rem;font-weight:700;text-decoration:none;border-radius:8px;position:relative;overflow:hidden;transition:all .3s ease;border:2px solid transparent}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.cta-button:hover:before{width:400px;height:400px}.cta-button:hover{transform:scale(1.05);box-shadow:0 8px 30px var(--color-glow)}.cta-text{position:relative;z-index:1}.cta-icon{position:relative;z-index:1;transition:transform .3s ease}.cta-button:hover .cta-icon{transform:translate(5px)}.footer{text-align:center;padding-top:2rem;border-top:1px solid var(--color-border);opacity:0;animation:fadeIn .5s ease forwards 3s}.footer .terminal-prompt{justify-content:center}.footer-text{font-size:.875rem;color:var(--color-text-dim);margin-top:1rem}@keyframes fadeIn{to{opacity:1}}.title-line:hover{animation:glitch .3s ease}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media (max-width: 768px){.container{padding:1rem}.main-content{padding:2rem 1.5rem}.title{font-size:clamp(2rem,10vw,3rem)}.links-grid{grid-template-columns:1fr;gap:.875rem}.cta-button{padding:1rem 2rem;font-size:1rem}.terminal-header{padding:10px 12px}.terminal-dot{width:10px;height:10px}.terminal-title{font-size:.75rem}.hero,.about,.links,.cta{margin-bottom:3rem}}@media (max-width: 480px){.container{padding:.75rem}.main-content{padding:1.5rem 1rem}.title{gap:.25rem;margin-bottom:1rem}.tagline{font-size:.95rem;line-height:1.6}.bio{font-size:.9rem;line-height:1.7}.link-card{padding:.875rem 1rem;gap:10px}.link-icon{font-size:1.1rem}.link-text{font-size:.875rem}.hero,.about,.links,.cta{margin-bottom:2.5rem}.terminal-prompt{font-size:.8rem;gap:8px}}@media (hover: none) and (pointer: coarse){.link-card,.cta-button,.copy-button,.warning-btn,.close-modal-btn{min-height:44px}.link-card{padding:1rem 1.25rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.bg-lines,.bg-glow,body:after{animation:none!important}}@media (prefers-contrast: high){:root{--color-text: #ffffff;--color-text-dim: #cccccc;--color-border: #444444}.link-card,.modal-content,.main-content{border-width:2px}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.3;z-index:9999;animation:scan 4s linear infinite;pointer-events:none}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0fe6;backdrop-filter:blur(10px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-window{max-width:600px;width:100%;transform:scale(.9) translateY(20px);transition:transform .3s ease}.modal-overlay.active .modal-window{transform:scale(1) translateY(0)}.modal-content{background:#12121af2;border:1px solid var(--color-border);border-radius:0 0 8px 8px;padding:2rem;position:relative;border-top:none}.close-modal-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-dim);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:var(--font-mono)}.close-modal-btn:hover{background:var(--color-border);color:var(--color-accent);border-color:var(--color-accent);transform:rotate(90deg)}.email-container{margin-top:1.5rem;padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;position:relative}.email-label{font-size:.875rem;color:var(--color-text-dim);margin-bottom:.5rem;font-family:var(--font-mono)}.email-value{font-size:1.5rem;color:var(--color-primary);font-family:var(--font-mono);font-weight:700;margin-bottom:1.5rem;word-break:break-all;text-shadow:0 0 10px var(--color-glow)}.copy-button{display:flex;align-items:center;gap:10px;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-bg);font-family:var(--font-mono);font-size:.9rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center;position:relative;overflow:hidden}.copy-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.copy-button:hover:before{width:300px;height:300px}.copy-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--color-glow)}.copy-button:active{transform:translateY(0)}.copy-icon{position:relative;z-index:1;font-size:1.1rem}.copy-text{position:relative;z-index:1}.copy-button.copied{background:linear-gradient(135deg,#27c93f,#0f8)}.copy-button.copied .copy-text:after{content:" ✓";animation:checkmark .5s ease}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.warning-container{margin-top:1.5rem;padding:2rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:6px;text-align:center}.warning-icon{font-size:3rem;color:var(--color-accent);margin-bottom:1rem;animation:warning-pulse 2s ease-in-out infinite}@keyframes warning-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.warning-title{font-size:1.5rem;color:var(--color-accent);font-family:var(--font-main);font-weight:700;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,0,110,.4)}.warning-text{font-size:1rem;color:var(--color-text);line-height:1.8;margin-bottom:2rem;font-family:var(--font-mono)}.warning-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.warning-btn{padding:.875rem 1.75rem;font-family:var(--font-mono);font-size:.9rem;font-weight:700;border-radius:6px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;text-decoration:none;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.warning-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.warning-btn:hover:before{width:300px;height:300px}.warning-btn-secondary{background:transparent;border-color:var(--color-border);color:var(--color-text-dim)}.warning-btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-text-dim);color:var(--color-text);transform:translateY(-2px);box-shadow:0 4px 15px #7070854d}.warning-btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-bg);border-color:transparent}.warning-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--color-glow)}@media (max-width: 480px){.modal-content{padding:1.5rem}.email-value{font-size:1.125rem}.warning-actions{flex-direction:column;width:100%}.warning-btn{width:100%;justify-content:center}.copy-button{font-size:.85rem;padding:.625rem 1.25rem}}
