*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#080b14;--bg2:#0c1020;--surface:rgba(12,18,32,.75);--surface2:rgba(20,32,56,.8);--border:rgba(40,70,110,.5);--border2:rgba(50,85,130,.6);--accent:#00d4ff;--accent2:#0066ff;--accent3:#00ff88;--red:#ff3b5c;--yellow:#ffc142;--purple:#c084fc;--text:#f0f6ff;--text2:#8bacc8;--text3:#4a6480;--mono:"JetBrains Mono",monospace;--sans:"DM Sans",sans-serif;--display:"Syne",sans-serif}html{scroll-behavior:auto}body{background:#060910;color:var(--text);font-family:var(--sans);overflow-x:hidden;cursor:none}button,a,[role=button]{-webkit-tap-highlight-color:transparent}#root{min-height:100vh;position:relative;z-index:1;background:transparent}section{background:transparent;position:relative;z-index:2}p,h1,h2,h3,h4,span,div,a,button{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.card{background:#0a101ce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#space-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.cursor{position:fixed;width:10px;height:10px;background:#00d4ff;border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width .12s,height .12s}.cursor-ring{position:fixed;width:34px;height:34px;border:1.5px solid rgba(0,212,255,.45);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .22s,height .22s,border-color .22s}.cursor.big{width:20px;height:20px}.cursor-ring.big{width:56px;height:56px;border-color:#00d4ffbf}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#04070ecc}::-webkit-scrollbar-thumb{background:#2a3d54;border-radius:4px}::selection{background:#00d4ff38}input,textarea{cursor:text!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.skills-grid{grid-template-columns:1fr 1fr!important}.skills-grid>*{grid-column:span 1!important}}@media (max-width:600px){.skills-grid{grid-template-columns:1fr!important}}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-32px);transition:opacity .7s ease,transform .7s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(32px);transition:opacity .7s ease,transform .7s ease}.reveal-right.visible{opacity:1;transform:translate(0)}@media (pointer: coarse){.cursor,.cursor-ring{display:none!important}body,button,a,[role=button],[data-h]{cursor:auto!important}}.site-footer-inner{gap:20px}@media (max-width:780px){html{scroll-padding-top:68px}body{cursor:auto}section{scroll-margin-top:64px}.site-nav-inner{padding:12px 16px!important}.nav-links{gap:4px!important}.nav-link,.nav-resume{min-height:44px;padding:8px!important;font-size:10px!important;letter-spacing:.8px!important}.nav-number{display:none}.hero{min-height:100svh!important}.hero-inner{padding:104px 18px 64px!important}.hero-title{font-size:clamp(44px,15vw,70px)!important;letter-spacing:-2px!important;margin-bottom:28px!important;line-height:.92!important}.hero-copy{font-size:17px!important;line-height:1.65!important;margin-bottom:32px!important}.hero-actions{flex-wrap:wrap!important}.hero-actions button{min-height:48px;flex:1 1 170px;padding:13px 18px!important}.cv-card{max-width:100%;animation:fadeUp .7s .65s ease both,cvGlow 3.8s 1.4s ease-in-out infinite!important}.scroll-hint{display:none!important}.cv-modal{padding:12px!important;align-items:flex-start!important;overflow-y:auto}.cv-terminal{margin:auto 0;max-height:calc(100svh - 24px)}.cv-titlebar{padding:0 10px!important}.cv-titlebar>div:nth-last-child(2){font-size:9px!important;letter-spacing:.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-titlebar>div:last-child{display:none}.cv-terminal-body{height:min(460px,calc(100svh - 68px))!important;padding:16px 14px!important}.cv-terminal-line{font-size:10px!important;white-space:pre-wrap!important;overflow-wrap:anywhere}#skills,.projects-section,.about-section,.contact-section{padding-top:82px!important;padding-bottom:82px!important}#skills>div,.projects-section>div{padding-left:16px!important;padding-right:16px!important}#skills>div>div:first-child,.projects-section>div>div:first-child,.about-section>div>div:first-child{margin-bottom:42px!important;gap:12px!important}.project-card{grid-template-columns:minmax(0,1fr)!important}.project-info{order:1;padding:30px 22px!important}.project-demo{order:2;padding:28px 20px!important;min-height:0!important;overflow:visible!important}.project-description{font-size:16px!important;line-height:1.7!important}.project-type{font-size:10px!important;line-height:1.5!important}.about-section,.contact-section{padding-left:18px!important;padding-right:18px!important}.about-grid{grid-template-columns:1fr!important;gap:38px!important}.contact-section [style*="letter-spacing: -4"]{letter-spacing:-2px!important}.site-footer-inner{flex-direction:column!important;text-align:center;gap:8px;padding:20px 16px!important}.philosophers-game{justify-content:center!important;gap:10px!important}.philosophers-game svg{display:block;width:min(280px,100%);height:auto}.philosophers-status{min-width:0!important;width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.philosophers-status>div:nth-last-child(-n+2),.philosophers-status>button{grid-column:1/-1}.so-long-board{max-width:100%}.so-long-cell{width:min(7.6vw,30px)!important;height:min(7.6vw,30px)!important;font-size:13px!important}.touch-controls{position:static!important}.webserv-request{flex-wrap:wrap!important}.webserv-request>span{width:100%}.webserv-request>input{min-width:0;min-height:40px}.webserv-request>button{min-height:40px}.netpractice-form>input:first-of-type{min-height:42px}.netpractice-form>button{min-height:42px;flex:1}.docker-container{padding:11px!important}.minishell-game{font-size:11px!important}.minishell-titlebar{padding:10px!important}.minishell-titlebar>span:last-child{display:none}.minishell-input{padding:10px!important}.minishell-input>span:nth-child(-n+4){display:none!important}.minishell-input input{min-width:0;font-size:16px!important}.netpong-tabs{flex-wrap:nowrap!important;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin;scroll-snap-type:x proximity}.netpong-tabs>div{cursor:pointer!important;min-height:38px;display:flex;align-items:center;scroll-snap-align:start}.netpong-stage{overflow:hidden}.netpong-game-stage{overflow:visible}.zombie-game canvas{touch-action:none}}@media (max-width:520px){.nav-link-skills,.nav-link-about{display:none}.nav-brand{font-size:11px!important;letter-spacing:1px!important}.skills-grid>div{padding:22px 20px!important}.project-demo{padding:24px 12px!important}.security-rules,.netpractice-game [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}