:root{--bg:#050608;--bg2:#0a0c10;--bg3:#0f1117;--surface:#ffffff0a;--surface2:#ffffff12;--border:#ffffff14;--border2:#ffffff24;--text:#f0f2f8;--text2:#8b90a4;--text3:#545870;--cyan:#00d4ff;--blue:#4f8cff;--purple:#8b5cf6;--pink:#f472b6;--green:#10b981;--amber:#f59e0b;--grad1:linear-gradient(135deg, #00d4ff, #4f8cff, #8b5cf6);--grad2:linear-gradient(135deg, #4f8cff, #8b5cf6, #f472b6);--glow-cyan:0 0 40px #00d4ff33;--glow-blue:0 0 40px #4f8cff33;--glow-purple:0 0 40px #8b5cf633;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:16px;--radius-sm:10px}[data-theme=light]{--bg:#f8f9ff;--bg2:#eef0f8;--bg3:#e8eaf5;--surface:#0000000a;--surface2:#00000012;--border:#0000001a;--border2:#0000002e;--text:#0f1117;--text2:#4b5066;--text3:#9a9db0;--glow-cyan:0 0 40px #0078b41f;--glow-blue:0 0 40px #2850c81f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);cursor:none;line-height:1.6;transition:background .4s,color .4s;overflow-x:hidden}#cursor{background:var(--cyan);pointer-events:none;z-index:9999;mix-blend-mode:screen;border-radius:50%;width:12px;height:12px;transition:transform .1s,width .2s,height .2s,background .2s;position:fixed;transform:translate(-50%,-50%)}#cursor-ring{pointer-events:none;z-index:9998;border:1.5px solid #00d4ff80;border-radius:50%;width:36px;height:36px;transition:transform .18s ease-out,width .25s,height .25s,border-color .25s;position:fixed;transform:translate(-50%,-50%)}:is(body:has(a:hover) #cursor,body:has(button:hover) #cursor){background:var(--purple);width:20px;height:20px}:is(body:has(a:hover) #cursor-ring,body:has(button:hover) #cursor-ring){border-color:#8b5cf680;width:56px;height:56px}body:before{content:"";pointer-events:none;z-index:1;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border-bottom:1px solid var(--border);background:#050608b3;justify-content:space-between;align-items:center;padding:1.1rem 3rem;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=light] nav{background:#f8f9ffcc}.nav-logo{align-items:center;gap:.6rem;text-decoration:none;display:flex}.nav-avatar{width:40px;height:40px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg,#00d4ff,#4f8cff,#8b5cf6);border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 0 16px #4f8cff59}.nav-avatar:hover{transform:scale(1.05);box-shadow:0 0 28px #00d4ff80}.nav-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.nav-avatar-name{font-family:var(--font-display);background:var(--grad1);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;font-size:.95rem;font-weight:700}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text2);letter-spacing:.02em;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--grad1);height:1.5px;transition:transform .25s;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{transform:scaleX(1)}.nav-right{align-items:center;gap:1rem;display:flex}#theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:pointer;font-size:.8rem;font-family:var(--font-body);border-radius:8px;padding:.4rem .8rem;transition:all .2s}#theme-toggle:hover{border-color:var(--cyan);color:var(--cyan)}.nav-cta{background:var(--grad1);color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-body);letter-spacing:.02em;border:none;border-radius:8px;padding:.5rem 1.2rem;transition:opacity .2s,transform .2s}.nav-cta:hover{opacity:.85;transform:translateY(-1px)}section{z-index:2;max-width:1200px;margin:0 auto;padding:7rem 3rem;position:relative}section:first-of-type{padding-top:0}.section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:.5rem;margin-bottom:1.2rem;font-size:.72rem;font-weight:500;display:inline-flex}.section-label:before{content:"";background:var(--cyan);opacity:.6;width:28px;height:1px;display:block}.section-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}#hero{align-items:center;max-width:100%;min-height:100vh;padding-top:5rem;padding-bottom:0;display:flex;position:relative;overflow:hidden}.hero-glow-1{pointer-events:none;background:radial-gradient(circle,#4f8cff1f 0%,#0000 70%);width:700px;height:700px;animation:6s ease-in-out infinite glowPulse;position:absolute;top:-200px;right:-200px}.hero-glow-2{pointer-events:none;background:radial-gradient(circle,#8b5cf61a 0%,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite reverse glowPulse;position:absolute;bottom:0;left:-100px}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:0 auto;padding:0 3rem;display:grid}.hero-badge{color:var(--cyan);font-size:.78rem;font-family:var(--font-mono);background:#00d4ff14;border:1px solid #00d4ff40;border-radius:100px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.35rem 1rem;font-weight:500;animation:.6s both fadeUp;display:inline-flex}.hero-badge:before{content:"";background:var(--cyan);border-radius:50%;width:7px;height:7px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-name{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:1.2rem;font-size:clamp(3.2rem,7vw,5.5rem);font-weight:800;line-height:.95;animation:.6s .1s both fadeUp}.hero-name span{background:var(--grad1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-tagline{font-family:var(--font-mono);color:var(--text2);min-height:2.5rem;margin-bottom:2rem;font-size:1rem;animation:.6s .2s both fadeUp}#typed-text{color:var(--text)}.cursor-blink{background:var(--cyan);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}.hero-desc{color:var(--text2);max-width:480px;margin-bottom:2.5rem;font-size:1rem;line-height:1.8;animation:.6s .3s both fadeUp}.hero-actions{flex-wrap:wrap;gap:1rem;animation:.6s .4s both fadeUp;display:flex}.btn-primary{background:var(--grad1);color:#fff;font-size:.9rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.85rem 1.8rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 #4f8cff00}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #4f8cff59}.btn-secondary{color:var(--text);border:1px solid var(--border2);font-size:.9rem;font-weight:500;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:.5rem;padding:.85rem 1.8rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan);background:#00d4ff0f;transform:translateY(-2px)}.hero-stats{border-top:1px solid var(--border);gap:2rem;margin-top:3rem;padding-top:2rem;animation:.6s .5s both fadeUp;display:flex}.stat{text-align:left}.stat-num{font-family:var(--font-display);background:var(--grad1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text3);letter-spacing:.05em;margin-top:.2rem;font-size:.78rem}.hero-visual{flex-direction:column;gap:1.2rem;animation:.6s .3s both fadeUp;display:flex}.code-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);transition:transform .5s;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg);box-shadow:0 30px 80px #0006,inset 0 1px #ffffff0d}.code-card:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.code-header{border-bottom:1px solid var(--border);background:#ffffff05;align-items:center;gap:.5rem;padding:.8rem 1.2rem;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-r{background:#ff5f56}.dot-y{background:#ffbd2e}.dot-g{background:#27c93f}.code-filename{font-family:var(--font-mono);color:var(--text3);margin-left:.5rem;font-size:.72rem}.code-body{font-family:var(--font-mono);padding:1.2rem 1.4rem;font-size:.8rem;line-height:2}.c-kw{color:#8b5cf6}.c-fn{color:#4f8cff}.c-str{color:#10b981}.c-num{color:#f59e0b}.c-cm{color:var(--text3)}.c-obj{color:#00d4ff}.mini-cards{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.mini-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.8rem;padding:1rem 1.1rem;transition:border-color .2s,transform .2s;display:flex}.mini-card:hover{border-color:var(--border2);transform:translateY(-2px)}.mini-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.mini-card-text{font-size:.78rem}.mini-card-label{color:var(--text3);margin-top:1px;font-size:.7rem}#about .about-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:5rem;margin-top:3rem;display:grid}.about-intro{color:var(--text2);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.9}.about-intro strong{color:var(--text);font-weight:500}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.8rem;margin-top:2rem;display:grid}.skill-chip{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--text2);cursor:default;border-radius:8px;padding:.55rem .8rem;font-size:.78rem;font-weight:500;transition:all .2s;position:relative;overflow:hidden}.skill-chip:after{content:"";background:var(--grad1);opacity:0;transition:opacity .2s;position:absolute;inset:0}.skill-chip:hover{border-color:var(--blue);color:var(--text);transform:translateY(-2px);box-shadow:0 6px 20px #4f8cff26}.skill-chip:hover:after{opacity:.08}.timeline{position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--cyan), var(--purple), transparent);width:1px;position:absolute;top:6px;bottom:0;left:15px}.tl-item{gap:1.5rem;margin-bottom:2.5rem;display:flex;position:relative}.tl-dot{background:var(--bg3);border:2px solid var(--cyan);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;display:flex;box-shadow:0 0 20px #00d4ff4d}.tl-content{flex:1}.tl-date{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.08em;margin-bottom:.2rem;font-size:.7rem}.tl-title{font-family:var(--font-display);color:var(--text);margin-bottom:.2rem;font-size:1rem;font-weight:700}.tl-sub{color:var(--text2);font-size:.82rem}#projects .projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.project-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;group:true;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.project-card:hover{box-shadow:0 30px 70px #0006, var(--glow-blue);transform:translateY(-6px)}.project-card.card-cyan:hover{border-color:#00d4ff66;box-shadow:0 30px 70px #0006,0 0 50px #00d4ff1a}.project-card.card-purple:hover{border-color:#8b5cf666;box-shadow:0 30px 70px #0006,0 0 50px #8b5cf61a}.project-card.card-pink:hover{border-color:#f472b666;box-shadow:0 30px 70px #0006,0 0 50px #f472b61a}.project-header{justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.ph-eventra{background:linear-gradient(135deg,#00d4ff1a,#4f8cff26)}.ph-wanderlust{background:linear-gradient(135deg,#10b9811a,#00d4ff1a)}.ph-aichat{background:linear-gradient(135deg,#8b5cf61a,#f472b61f)}.project-header-icon{opacity:.9;filter:drop-shadow(0 0 20px);font-size:3.5rem;transition:transform .3s}.project-card:hover .project-header-icon{transform:scale(1.1)}.project-body{padding:1.4rem}.project-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.project-desc{color:var(--text2);margin-bottom:1.1rem;font-size:.84rem;line-height:1.7}.tech-badges{flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;display:flex}.badge{font-family:var(--font-mono);letter-spacing:.03em;border-radius:5px;padding:.22rem .6rem;font-size:.68rem;font-weight:500}.badge-cyan{color:var(--cyan);background:#00d4ff1a;border:1px solid #00d4ff33}.badge-blue{color:var(--blue);background:#4f8cff1a;border:1px solid #4f8cff33}.badge-purple{color:var(--purple);background:#8b5cf61a;border:1px solid #8b5cf633}.badge-green{color:var(--green);background:#10b9811a;border:1px solid #10b98133}.badge-amber{color:var(--amber);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-pink{color:var(--pink);background:#f472b61a;border:1px solid #f472b633}.project-actions{gap:.7rem;display:flex}.btn-icon{background:var(--surface);border:1px solid var(--border);color:var(--text2);font-size:.78rem;font-weight:500;font-family:var(--font-body);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-icon:hover{background:var(--surface2);border-color:var(--border2);color:var(--text)}#experience .exp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.exp-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.exp-card:hover{transform:translateY(-4px)}.exp-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.exp-card.ec-current:before{background:var(--grad1)}.exp-card.ec-prev:before{background:linear-gradient(90deg, var(--amber), var(--green))}.exp-card.ec-intern:before{background:linear-gradient(90deg, var(--purple), var(--pink))}.exp-role{font-family:var(--font-display);color:var(--text);margin-bottom:.2rem;font-size:1rem;font-weight:700}.exp-company{margin-bottom:.8rem;font-size:.82rem;font-weight:600}.exp-company.current{color:var(--cyan)}.exp-company.prev{color:var(--amber)}.exp-company.intern{color:var(--purple)}.exp-period{font-family:var(--font-mono);color:var(--text3);background:var(--surface);border:1px solid var(--border);border-radius:5px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.25rem .6rem;font-size:.7rem;display:inline-flex}.exp-desc{color:var(--text2);font-size:.84rem;line-height:1.75}.exp-current-badge{color:var(--cyan);font-size:.65rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.05em;background:#00d4ff14;border:1px solid #00d4ff33;border-radius:100px;align-items:center;gap:.3rem;padding:.2rem .6rem;display:flex;position:absolute;top:1.3rem;right:1.3rem}.live-dot{background:var(--cyan);border-radius:50%;width:5px;height:5px;animation:1.5s infinite blink}#skills .skills-cloud{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem;display:flex}.skill-tag{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:default;border-radius:100px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.83rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.skill-tag:hover{color:var(--text);background:var(--surface2);transform:translateY(-3px)scale(1.04)}.skill-tag.t-cyan:hover{border-color:var(--cyan);box-shadow:0 0 20px #00d4ff26}.skill-tag.t-blue:hover{border-color:var(--blue);box-shadow:0 0 20px #4f8cff26}.skill-tag.t-purple:hover{border-color:var(--purple);box-shadow:0 0 20px #8b5cf626}.skill-tag.t-green:hover{border-color:var(--green);box-shadow:0 0 20px #10b98126}.skill-tag.t-amber:hover{border-color:var(--amber);box-shadow:0 0 20px #f59e0b26}.skill-tag.t-pink:hover{border-color:var(--pink);box-shadow:0 0 20px #f472b626}.sk-icon{font-size:1rem}.skills-cats{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2rem;display:flex}.cat-pill{border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;font-size:.78rem;font-weight:500;font-family:var(--font-body);border-radius:100px;padding:.35rem 1rem;transition:all .2s}.cat-pill.active,.cat-pill:hover{background:var(--grad1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-color:#4f8cff66}#contact{padding-bottom:4rem}.contact-wrapper{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;margin-top:3rem;display:grid}.contact-desc{color:var(--text2);margin-bottom:2rem;font-size:1rem;line-height:1.8}.social-links{flex-direction:column;gap:.8rem;display:flex}.social-link{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);align-items:center;gap:1rem;padding:.9rem 1.1rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.social-link:hover{border-color:var(--border2);color:var(--text);transform:translate(4px)}.social-link svg{flex-shrink:0;width:18px;height:18px}.social-handle{font-family:var(--font-mono);color:var(--text3);margin-left:auto;font-size:.78rem}.contact-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text2);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:500;font-family:var(--font-mono)}.form-input,.form-textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);resize:none;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{border-color:#4f8cff80;box-shadow:0 0 0 3px #4f8cff1a}.form-textarea{min-height:110px}footer{text-align:center;border-top:1px solid var(--border);color:var(--text3);font-size:.8rem;font-family:var(--font-mono);z-index:2;padding:2rem;position:relative}footer span{color:var(--cyan)}.section-divider{background:linear-gradient(90deg, transparent, var(--border2) 50%, transparent);width:100%;max-width:1200px;height:1px;margin:0 auto;padding:0 3rem}.fade-in{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.btn-cv{color:var(--green);font-size:.9rem;font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #10b98166;border-radius:10px;align-items:center;gap:.45rem;padding:.85rem 1.3rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-cv:hover{border-color:var(--green);background:#10b98114;transform:translateY(-2px);box-shadow:0 8px 24px #10b98133}#cv-modal-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:600;background:#000000bf;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}#cv-modal-bg.open{display:flex}.cv-modal{background:var(--bg3);border:1px solid var(--border2);text-align:center;border-radius:20px;width:100%;max-width:420px;padding:2.5rem;animation:.3s fadeUp;position:relative}.cv-modal-icon{background:#10b9811a;border:1px solid #10b98140;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.cv-modal-title{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.cv-modal-sub{color:var(--text2);margin-bottom:2rem;font-size:.85rem;line-height:1.7}.cv-modal-actions{gap:.8rem;display:flex}.cv-btn-view{background:var(--grad1);color:#fff;font-size:.88rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.75rem;text-decoration:none;transition:opacity .2s,transform .2s;display:flex}.cv-btn-view:hover{opacity:.85;transform:translateY(-2px)}.cv-btn-dl{color:var(--green);font-size:.88rem;font-weight:600;font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid #10b98166;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.cv-btn-dl:hover{border-color:var(--green);background:#10b98114;transform:translateY(-2px)}.cv-note{color:var(--text3);font-size:.73rem;font-family:var(--font-mono);margin-top:1rem}.avatar-upload-hint{background:var(--cyan);border:2px solid var(--bg);cursor:pointer;width:14px;height:14px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}#nav-avatar-wrap{cursor:pointer;position:relative}#avatar-file-input{display:none}@media (width<=768px){nav{padding:1rem 1.5rem}.nav-links{display:none}.hero-inner{grid-template-columns:1fr;padding:0 1.5rem}.hero-visual{display:none}section{padding:5rem 1.5rem}#about .about-grid{grid-template-columns:1fr;gap:3rem}.contact-wrapper{grid-template-columns:1fr;gap:2.5rem}#projects .projects-grid{grid-template-columns:1fr}.hero-stats{gap:1.2rem}body{cursor:auto}#cursor,#cursor-ring{display:none}}.modal-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;background:#000000b3;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.modal-bg.open{display:flex}.modal{background:var(--bg3);border:1px solid var(--border2);border-radius:20px;width:100%;max-width:560px;max-height:85vh;padding:2.5rem;animation:.3s fadeUp;position:relative;overflow-y:auto}.modal-close{background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:pointer;width:30px;height:30px;font-size:1rem;font-family:var(--font-body);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.2rem;right:1.2rem}.modal-close:hover{background:var(--surface2);color:var(--text)}.modal-title{font-family:var(--font-display);margin-bottom:.4rem;font-size:1.5rem;font-weight:700}.modal-sub{color:var(--text2);margin-bottom:1.5rem;font-size:.85rem}.modal-features{flex-direction:column;gap:.6rem;list-style:none;display:flex}.modal-features li{color:var(--text2);padding-left:1.2rem;font-size:.88rem;position:relative}.modal-features li:before{content:"→";color:var(--cyan);position:absolute;left:0}