*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--surface:#13161e;--border:#ffffff12;--accent:#00c896;--accent2:#0084ff;--text:#e8eaf0;--muted:#6b7080;--mono:"DM Mono", monospace;--sans:"Sora", sans-serif;--radius:10px;--particle:0, 200, 150;--code-bg:#0a0c10;--code-kw:#7c9fff;--code-str:#00c896;--code-fn:#e8a87c;--code-cm:#454d5e}body.theme-purple{--bg:#0e0d14;--surface:#17151f;--accent:#a78bfa;--accent2:#ec4899;--particle:167, 139, 250;--code-bg:#0d0b14;--code-kw:#ec4899;--code-str:#a78bfa;--code-fn:#f0abfc;--code-cm:#4a3f5c}body.theme-red{--bg:#130d0d;--surface:#1e1313;--accent:#f87171;--accent2:#fb923c;--particle:248, 113, 113;--code-bg:#100808;--code-kw:#fb923c;--code-str:#f87171;--code-fn:#fcd34d;--code-cm:#4a2f2f}body.theme-blue{--bg:#0d1014;--surface:#13181e;--accent:#38bdf8;--accent2:#818cf8;--particle:56, 189, 248;--code-bg:#080d14;--code-kw:#818cf8;--code-str:#38bdf8;--code-fn:#67e8f9;--code-cm:#2a3a4a}body.theme-amber{--bg:#13110d;--surface:#1e1a13;--accent:#fbbf24;--accent2:#f97316;--particle:251, 191, 36;--code-bg:#100e08;--code-kw:#f97316;--code-str:#fbbf24;--code-fn:#86efac;--code-cm:#3a3020}body{transition:background .4s,color .4s}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);cursor:none;min-height:100vh;font-size:15px;line-height:1.7;overflow-x:hidden}#theme-picker{z-index:200;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}#theme-toggle{background:var(--surface);border:1px solid var(--border);cursor:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:border-color .2s,background .4s;display:flex}#theme-toggle:hover{border-color:var(--accent)}#theme-options{opacity:0;pointer-events:none;flex-direction:column;gap:6px;transition:opacity .2s,transform .2s;display:flex;transform:translateY(8px)}#theme-options.open{opacity:1;pointer-events:all;transform:translateY(0)}.theme-btn{cursor:none;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .2s,border-color .2s}.theme-btn:hover{transform:scale(1.2)}.theme-btn.active{border-color:#fff}.theme-btn[data-theme=green]{background:#00c896}.theme-btn[data-theme=purple]{background:#a78bfa}.theme-btn[data-theme=red]{background:#f87171}.theme-btn[data-theme=blue]{background:#38bdf8}.theme-btn[data-theme=amber]{background:#fbbf24}#particles{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#00c89608 1px,#0000 1px),linear-gradient(90deg,#00c89608 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}nav,section,.hero,.stats-bar,footer{z-index:1;position:relative}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0d0f14e6;justify-content:space-between;align-items:center;height:58px;padding:0 2.5rem;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--mono);color:var(--accent);letter-spacing:.05em;font-size:14px}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--muted);letter-spacing:.03em;cursor:none;font-size:13px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.hero{text-align:center;max-width:860px;margin:0 auto;padding:7rem 2.5rem 5rem}.hero-tag{font-family:var(--mono);color:var(--accent);letter-spacing:.06em;border:1px solid #00c89640;border-radius:100px;align-items:center;gap:7px;margin-bottom:1.5rem;padding:4px 14px;font-size:12px;transition:color .3s,border-color .3s;display:inline-flex}.hero-tag:before,.hero-tag:after{content:none!important;width:0!important;height:0!important;display:none!important}.badge-dot{background:#6b7080;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .3s,box-shadow .3s;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 8px #6b7080}.badge-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:1.5rem;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}h1{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:700;line-height:1.15}h1 span{background:linear-gradient(90deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:7s infinite glitch-idle;display:inline-block}@keyframes glitch-idle{0%,88%,to{filter:none;transform:none}89%{filter:hue-rotate(30deg);transform:skew(-3deg)translate(3px)}90%{filter:hue-rotate(-20deg);transform:skew(2deg)translate(-2px)}91%{filter:none;transform:none}92%{transform:translate(2px)}93%{transform:none}}.hero-sub{color:var(--muted);max-width:520px;margin:0 auto 2.25rem;font-size:1.05rem;line-height:1.8}.hero-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-contacts{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:1.25rem;display:flex}.hero-contact-label{font-family:var(--mono);color:var(--muted);letter-spacing:.05em;font-size:11px}.hero-contact-link{color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-contact-link:hover{border-color:var(--accent);color:var(--accent);background:#00c8960f;transform:translateY(-1px)}.stats-bar{flex-wrap:wrap;justify-content:center;gap:2.5rem;max-width:860px;margin:0 auto;padding:0 2.5rem 5rem;display:flex}.stat{flex-direction:column;display:flex}.stat-val{color:var(--text);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.stat-val span.suffix{color:var(--accent)}.stat-label{color:var(--muted);letter-spacing:.03em;font-size:12px}section{border-top:1px solid var(--border);max-width:860px;margin:0 auto;padding:3.5rem 2.5rem}.section-label{font-family:var(--mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;font-size:11px}h2{letter-spacing:-.02em;margin-bottom:2rem;font-size:1.65rem;font-weight:700}.btn{border-radius:var(--radius);font-family:var(--sans);cursor:none;align-items:center;gap:7px;padding:11px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:after{transform:translate(100%)}.btn-primary{background:var(--accent);color:#0a1a14;border:none}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 24px #00c89673}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.skill-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#00c89612,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.skill-card:hover:before{opacity:1}.skill-card:hover{border-color:#00c89673;transform:translateY(-4px);box-shadow:0 0 24px #00c89621,0 8px 28px #00000059}.skill-icon{background:#00c8961a;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:.75rem;font-size:16px;display:flex}.skill-name{color:var(--text);margin-bottom:3px;font-size:13px;font-weight:600}.skill-desc{color:var(--muted);font-size:12px;line-height:1.5}.projects-list{flex-direction:column;gap:14px;display:flex}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;position:relative;overflow:hidden}.project-card:after{content:"";background:linear-gradient(180deg, var(--accent), var(--accent2));transform-origin:top;width:3px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.project-card:hover:after{transform:scaleY(1)}.project-card:hover{border-color:#00c8964d;transform:translate(5px);box-shadow:0 0 24px #00c89617,0 8px 24px #0000004d}.project-index{font-family:var(--mono);color:var(--muted);min-width:28px;padding-top:3px;font-size:11px}.project-info{flex:1}.project-title{color:var(--text);margin-bottom:5px;font-size:15px;font-weight:600}.project-desc{color:var(--muted);margin-bottom:.6rem;font-size:13px;line-height:1.6}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{font-family:var(--mono);color:var(--accent);background:#00c89614;border:1px solid #00c89633;border-radius:100px;padding:3px 10px;font-size:11px}.tag.blue{color:var(--accent2);background:#0084ff14;border-color:#0084ff33}.carousel-wrapper{align-items:center;gap:12px;display:flex}.carousel-track-outer{border-radius:var(--radius);flex:1;overflow:hidden}.carousel-track{gap:16px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.carousel-btn{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:border-color .2s,background .2s,transform .2s;display:flex}.carousel-btn:hover{border-color:var(--accent);background:#00c89614;transform:scale(1.1)}.carousel-btn:disabled{opacity:.3;pointer-events:none}.carousel-dots{justify-content:center;gap:8px;margin-top:1.25rem;display:flex}.carousel-dot{background:var(--border);cursor:none;border:none;border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.carousel-dot.active{background:var(--accent);transform:scale(1.3)}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:100%;transition:border-color .3s,transform .3s,box-shadow .3s;overflow:hidden}.game-card:hover{border-color:rgba(var(--particle), .4);box-shadow:0 0 24px rgba(var(--particle), .12), 0 8px 28px #00000059;transform:translateY(-4px)}.game-thumb{aspect-ratio:16/9;background:var(--bg);width:100%;position:relative;overflow:hidden}.game-thumb img{object-fit:cover;width:100%;height:100%;display:block}.game-ccu-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);font-family:var(--mono);color:var(--text);background:#000000b3;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex;position:absolute;top:10px;right:10px}.ccu-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%;animation:2s infinite pulse}.game-info{padding:1.1rem 1.25rem}.game-title{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}.game-desc{color:var(--muted);font-size:12px;line-height:1.6}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:2.5rem;display:grid}@media (max-width:680px){.contact-grid{grid-template-columns:1fr}}.contact-sub{margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.contact-desc{color:var(--muted);margin-bottom:1.5rem;font-size:13px;line-height:1.7}.contact-info-list{flex-direction:column;gap:10px;display:flex}.contact-info-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:none;align-items:center;gap:14px;padding:.85rem 1rem;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.contact-info-item:hover{border-color:#00c89659;transform:translate(3px)}.contact-info-icon{background:#00c89614;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.contact-info-label{color:var(--muted);font-size:11px;font-family:var(--mono);letter-spacing:.05em;margin-bottom:2px}.contact-info-val{color:var(--text);font-size:13px;font-weight:600}.contact-right{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.75rem}.form-group{margin-bottom:1rem}.form-label{color:var(--text);letter-spacing:.03em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;font-family:var(--sans);color:var(--text);outline:none;padding:10px 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00c8961a}.form-input::placeholder{color:var(--muted)}.form-textarea{resize:vertical;min-height:120px}footer{text-align:center;font-family:var(--mono);color:var(--muted);border-top:1px solid var(--border);padding:2rem;font-size:11px}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);color:#adb5c4;margin-bottom:2rem;padding:1.25rem 1.5rem;font-size:12.5px;line-height:1.8;transition:background .4s;position:relative;overflow-x:auto}.code-block:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.kw{color:var(--code-kw);transition:color .4s}.str{color:var(--code-str);transition:color .4s}.fn{color:var(--code-fn);transition:color .4s}.cm{color:var(--code-cm);transition:color .4s}.type-cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (pointer:coarse){#cursor,#cursor-ring{display:none}body{cursor:auto}}*{cursor:none}#cursor{background:var(--accent);pointer-events:none;z-index:9999;width:10px;height:10px;box-shadow:0 0 12px var(--accent), 0 0 24px #00c89666;border-radius:50%;transition:opacity .2s;position:fixed;transform:translate(-50%,-50%)}#cursor-ring{pointer-events:none;z-index:9998;border:1px solid #00c89680;border-radius:50%;width:32px;height:32px;transition:width .2s,height .2s,border-color .2s;position:fixed;transform:translate(-50%,-50%)}#cursor-ring.hovered{border-color:#00c896e6;width:48px;height:48px}@media (pointer:coarse){*{cursor:auto}#cursor,#cursor-ring{display:none}}.nav-hamburger{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:18px;display:none}.nav-mobile-menu{display:none}.nav-links a.nav-active{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:2px}@media (max-width:600px){.nav-links{display:none}.nav-hamburger{display:block}.nav-mobile-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:99;background:#0d0f14fa;flex-direction:column;gap:0;padding:.5rem 0;display:flex;position:absolute;top:58px;left:0;right:0}.nav-mobile-menu a{color:var(--muted);border-bottom:1px solid var(--border);padding:.85rem 2.5rem;font-size:14px;text-decoration:none;transition:color .2s}.nav-mobile-menu a:hover{color:var(--text)}.badge-row{gap:8px}.hero-tag{padding:4px 10px;font-size:11px}}