*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--black: #050505;--bg: #0a0a0a;--bg2: #111111;--bg3: #161616;--border: #1e1e1e;--border2: #2a2a2a;--green: #00ff88;--green2: #00ffcc;--green3: #05e07b;--green-dim:#00ff8840;--text: #f0f0f0;--muted: #888;--muted2: #555;--font-display: "Syne", sans-serif;--font-mono: "Space Mono", monospace;--font-body: "DM Sans", sans-serif;--glow: 0 0 30px #00ff8860, 0 0 60px #00ff8830;--glow-sm: 0 0 12px #00ff8840;--radius: 12px;--radius-lg: 20px}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;cursor:none}::selection{background:var(--green-dim);color:var(--green)}#cursor-dot{position:fixed;top:0;left:0;z-index:9999;width:8px;height:8px;background:var(--green);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .15s,height .15s,opacity .15s;box-shadow:var(--glow-sm)}#cursor-ring{position:fixed;top:0;left:0;z-index:9998;width:36px;height:36px;border:1.5px solid var(--green);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:transform .08s ease,width .2s,height .2s,opacity .2s,border-color .2s;opacity:.5}body:hover #cursor-dot{opacity:1}#scroll-bar{position:fixed;top:0;left:0;z-index:9000;height:2px;width:0%;background:linear-gradient(90deg,var(--green),var(--green2));box-shadow:var(--glow-sm);transition:width .05s linear}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .5s,visibility .5s}#loader.hidden{opacity:0;visibility:hidden}.loader-logo{font-family:var(--font-mono);font-size:1.4rem;color:var(--green);letter-spacing:.2em;animation:blink 1.2s step-end infinite}.loader-bar{width:180px;height:2px;background:var(--border2);border-radius:99px;overflow:hidden}.loader-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--green2));animation:loadfill 1.6s ease forwards;box-shadow:var(--glow-sm)}@keyframes loadfill{0%{width:0%}to{width:100%}}section{padding:100px 5%;position:relative}.section-label{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.72rem;color:var(--green);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}.section-label:before{content:"";width:20px;height:1px;background:var(--green)}.section-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-bottom:16px}.green{color:var(--green)}.section-sub{color:var(--muted);font-size:1rem;max-width:480px;line-height:1.7}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--green);transition:width .25s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover,.nav-links a.active{color:var(--green)}.nav-cta:hover{background:var(--green-dim);box-shadow:var(--glow-sm)}.mobile-menu a:hover{color:var(--green)}.btn-primary:hover{box-shadow:var(--glow);transform:translateY(-2px)}.btn-secondary:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}.form-group input,.form-group textarea{cursor:text!important;pointer-events:auto!important;z-index:10}.submit-btn{cursor:pointer!important;pointer-events:auto!important;z-index:10}.contact-form{pointer-events:auto!important;z-index:5}@media (max-width: 1024px){.skills-cats,.projects-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){body{cursor:auto}#cursor-dot,#cursor-ring{display:none}.btn-primary,.btn-secondary,.btn-ghost,.submit-btn,.social-btn,.nav-cta{cursor:pointer}.form-group input,.form-group textarea{cursor:text}.nav-links,.nav-cta{display:none!important}.hamburger,.mobile-menu.open{display:flex!important}section{padding:60px 4%!important}.section-title{font-size:2.2rem!important}.section-sub{font-size:.9rem!important}.skills-cats,.projects-grid{grid-template-columns:1fr 1fr!important}.contact-inner{grid-template-columns:1fr!important;gap:40px!important}.socials{flex-wrap:wrap!important}}@media (max-width: 480px){section{padding:48px 3%!important}.contact-detail-text p{font-size:.85rem!important;word-break:break-word!important}.skills-cats,.projects-grid{grid-template-columns:1fr!important}.section-title{font-size:1.8rem!important}.section-sub{font-size:.85rem!important}.hero-name{font-size:2.1rem!important}.stat-number{font-size:1.7rem!important}}@media (max-width: 360px){section{padding:40px 3%!important}.hero-name{font-size:1.8rem!important}.section-title{font-size:1.6rem!important}.stat-number{font-size:1.5rem!important}.hero-btns{gap:8px!important}.btn-primary,.btn-secondary{padding:12px 18px!important;font-size:.7rem!important}.section-label{font-size:.65rem!important}.section-sub{font-size:.8rem!important}}@media (max-width: 768px){button,a,input,textarea{min-height:44px!important}.btn-primary,.btn-secondary,.btn-ghost{min-height:44px!important;padding:12px 20px!important}*:hover{transition:none!important}html{scroll-behavior:smooth!important}input[type=text],input[type=email],textarea{font-size:16px!important}}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:36px}.hero-photo{order:-1}.hero-photo-frame{width:clamp(180px,50vw,260px);height:clamp(180px,50vw,260px)}.hero-photo-emoji{font-size:5rem}.hero-btns{justify-content:center}.tech-badge-3,.tech-badge-4,.hero-scroll-hint{display:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}