*{box-sizing:border-box;margin:0;padding:0}:root{--teal:#00e5c3;--teal-dim:#00c4a7;--bg:#0b0f1a;--bg2:#141a22;--bg3:#1a2235;--border:#1f2a36;--text:#cdd5df;--muted:#9ba5b0;--heading:#e6edf3}body.light{--bg:#f0f4f8;--bg2:#fff;--bg3:#e2e8f0;--border:#cbd5e1;--text:#334155;--muted:#64748b;--heading:#0f172a}body.light .navbar{background:#f0f4f8f2}body.light .hero:before{background:radial-gradient(60% 50%,#00e5c31a 0%,#0000 70%)}body.light .hero-grid{background-image:linear-gradient(#00e5c312 1px,#0000 1px),linear-gradient(90deg,#00e5c312 1px,#0000 1px)}body.light .social a{background:var(--bg3);color:var(--heading)}body.light .active-card p{color:#0b0f1a}body.light .avatar-circle{background:#e2e8f0}body.light footer{background:var(--bg2)}.theme-toggle{border:1.5px solid var(--border);background:var(--bg3);width:38px;height:38px;color:var(--teal);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .25s,border-color .25s,transform .2s;display:inline-flex}.theme-toggle:hover{background:var(--teal);color:#000;border-color:var(--teal);transform:rotate(20deg)}body,body *{transition:background-color .3s,border-color .3s,color .3s}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);cursor:none;font-family:Poppins,sans-serif}.cursor{background:var(--teal);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:12px;height:12px;position:fixed;top:0;left:0}.cursor-ring{border:1.5px solid var(--teal);pointer-events:none;z-index:9998;opacity:.5;border-radius:50%;width:36px;height:36px;transition:transform .35s;position:fixed;top:0;left:0}body:hover .cursor,body:hover .cursor-ring{transform:translate(-50%,-50%)}.highlight,.text-cyan{color:var(--teal)}.navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0b0f1aeb}.navbar-brand{font-size:1.25rem;color:var(--teal)!important}.nav-link{font-size:.88rem;transition:color .2s;color:var(--muted)!important}.nav-link:hover,.nav-link.active{color:var(--teal)!important}.btn-custom{background:var(--teal);color:#000;border-radius:4px;font-size:.85rem;font-weight:600}.btn-custom:hover{background:var(--teal-dim);color:#000}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 50%,#00e5c312 0%,#0000 70%);position:absolute;inset:0}.hero-grid{pointer-events:none;background-image:linear-gradient(#00e5c30a 1px,#0000 1px),linear-gradient(90deg,#00e5c30a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:700}.hero p{color:var(--muted);font-size:1.05rem}.typing-cursor{border-right:2px solid var(--teal);padding-right:2px;animation:.8s step-end infinite blink}@keyframes blink{0%,to{border-color:#0000}50%{border-color:var(--teal)}}.social a{background:var(--bg3);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 5px;font-size:1.1rem;text-decoration:none;transition:all .3s;display:inline-flex}.social a:hover{background:var(--teal);color:#000;transform:translateY(-5px)}.scroll-indicator{color:var(--muted);letter-spacing:.1em;flex-direction:column;align-items:center;gap:6px;font-size:.75rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-dot{border:1.5px solid var(--teal);border-radius:3px;width:6px;height:22px;position:relative;overflow:hidden}.scroll-dot:after{content:"";background:var(--teal);border-radius:2px;width:4px;height:6px;animation:1.8s infinite scrollPulse;position:absolute;top:3px;left:50%;transform:translate(-50%)}@keyframes scrollPulse{0%{opacity:1;top:3px}to{opacity:0;top:12px}}.section-title{text-align:center;margin-top:80px;margin-bottom:40px}.section-title small{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:.78rem}.section-title h2{color:var(--heading);font-size:2rem;font-weight:700}.section-title span{color:var(--teal)}.service-card{background:var(--bg2);border:1px solid var(--border);height:100%;color:var(--text);border-radius:15px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.service-card:hover{border-color:var(--teal);transform:translateY(-10px);box-shadow:0 0 25px #00e5c326}.active-card{background:var(--teal);color:#000;border-color:var(--teal)}.active-card p{color:#0b0f1a}.num{opacity:.2;font-size:28px;font-weight:700;position:absolute;top:10px;right:15px}.icon{margin-bottom:10px;font-size:24px}#skills{padding:4rem 0}.skill-item{margin-bottom:1.4rem}.skill-label{justify-content:space-between;margin-bottom:6px;font-size:.88rem;display:flex}.skill-bar{background:var(--bg3);border-radius:3px;height:6px;overflow:hidden}.skill-fill{background:linear-gradient(90deg, var(--teal), #00c4a7);border-radius:3px;width:0;height:100%;transition:width 1.4s cubic-bezier(.4,0,.2,1)}.stats-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3rem 0}.stat-item{text-align:center;padding:1rem}.stat-num{color:var(--teal);font-size:2.4rem;font-weight:700;line-height:1}.stat-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.82rem}#projects{padding:4rem 0}.project-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;height:100%;transition:all .3s;overflow:hidden}.project-card:hover{border-color:var(--teal);transform:translateY(-8px);box-shadow:0 0 30px #00e5c31f}.project-thumb{justify-content:center;align-items:center;height:180px;font-size:3rem;display:flex;position:relative;overflow:hidden}.project-thumb:before{content:"";background:linear-gradient(135deg,#00e5c314,#0000);position:absolute;inset:0}.project-body{padding:1.2rem}.project-tags{flex-wrap:wrap;gap:6px;margin:.6rem 0;display:flex}.tag{color:var(--teal);background:#00e5c31a;border:1px solid #00e5c340;border-radius:20px;padding:2px 10px;font-size:.7rem}.project-links a{color:var(--muted);margin-right:.8rem;font-size:1.1rem;text-decoration:none;transition:color .2s}.project-links a:hover{color:var(--teal)}.about-section{padding:5rem 1rem}.about-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.about-title{color:var(--heading);font-size:2.4rem;font-weight:700}.about-title span{color:var(--teal)}.avatar-wrapper{width:280px;height:280px;margin:0 auto;position:relative}.orbit-ring{border:1.5px solid #00e5c340;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.avatar-circle{background:#161b22;border:3px solid #00e5c366;border-radius:50%;position:absolute;inset:20px;overflow:hidden;box-shadow:0 0 30px #00e5c326}.avatar-circle img{object-fit:cover;width:100%;height:100%}.tech-badge{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;animation:18s linear infinite counter-spin;display:flex;position:absolute;box-shadow:0 4px 15px #00000080}@keyframes counter-spin{to{transform:rotate(-360deg)}}.badge-html{color:#fff;background:#e34c26;top:-10px;left:14px}.badge-js{color:#222;background:#f0db4f;top:-10px;right:14px}.badge-react{color:#61dafb;background:#222;border:1.5px solid #61dafb44;bottom:0;left:5px}.badge-css{color:#fff;background:#264de4;bottom:0;right:5px}.bio-text p{color:var(--muted);margin-bottom:1.1rem;font-size:.93rem;line-height:1.8}.btn-resume{color:var(--teal);border:1.5px solid var(--teal);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.65rem 1.6rem;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .25s,color .25s,box-shadow .25s;display:inline-flex}.btn-resume:hover{background:var(--teal);color:var(--bg);box-shadow:0 0 20px #00e5c359}#testimonials{padding:4rem 0}.testimonial-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;height:100%;padding:1.8rem;transition:all .3s}.testimonial-card:hover{border-color:var(--teal);box-shadow:0 0 20px #00e5c31a}.quote-icon{color:var(--teal);opacity:.5;margin-bottom:.5rem;font-size:1.8rem}.testimonial-text{color:var(--muted);font-size:.9rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:.75rem;margin-top:1.2rem;display:flex}.author-avatar{background:linear-gradient(135deg, var(--teal), #00c4a7);color:#000;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:.9rem;font-weight:700;display:flex}.author-name{color:var(--heading);font-size:.88rem;font-weight:600}.author-role{color:var(--muted);font-size:.75rem}.stars{color:var(--teal);font-size:.8rem}#contact{padding:5rem 0}.contact-card{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:2.5rem}.form-control,.form-control:focus{background:var(--bg3);border:1px solid var(--border);color:var(--text);box-shadow:none;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.form-control:focus{border-color:var(--teal)}.form-control::placeholder{color:var(--muted)}.form-label{color:var(--muted);margin-bottom:6px;font-size:.82rem}.btn-send{background:var(--teal);color:#000;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.75rem 2rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-send:hover{background:var(--teal-dim);transform:translateY(-2px);box-shadow:0 8px 20px #00e5c340}.contact-info{padding:1.5rem 0}.contact-info-item{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-icon{width:44px;height:44px;color:var(--teal);background:#00e5c31a;border:1px solid #00e5c333;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.contact-info-text h6{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.8rem}.contact-info-text p{color:var(--heading);margin:0;font-size:.9rem}.toast-msg{z-index:9999;background:var(--teal);color:#000;opacity:0;border-radius:10px;align-items:center;gap:.5rem;padding:.9rem 1.4rem;font-size:.88rem;font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(100px)}.toast-msg.show{opacity:1;transform:translateY(0)}footer{background:var(--bg2);border-top:1px solid var(--border);padding:3.5rem 0 1.5rem}.footer-brand{color:var(--teal);margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.footer-tagline{color:var(--muted);max-width:240px;font-size:.85rem}.footer-title{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;font-size:.78rem;font-weight:600}.footer-links{padding:0;list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--muted);font-size:.88rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--teal)}.footer-social a{background:var(--bg3);border:1px solid var(--border);width:38px;height:38px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;margin-right:8px;font-size:1rem;text-decoration:none;transition:all .25s;display:inline-flex}.footer-social a:hover{background:var(--teal);color:#000;border-color:var(--teal);transform:translateY(-3px)}.footer-divider{border-color:var(--border);margin:2rem 0 1rem}.footer-bottom{color:var(--muted);font-size:.8rem}.footer-bottom .teal{color:var(--teal)}.availability-badge{color:var(--teal);background:#00e5c314;border:1px solid #00e5c333;border-radius:20px;align-items:center;gap:8px;margin-top:1rem;padding:4px 14px;font-size:.78rem;display:inline-flex}.availability-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}#backTop{z-index:900;background:var(--teal);color:#000;opacity:0;pointer-events:none;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 16px #00e5c34d}#backTop.visible{opacity:1;pointer-events:all}#backTop:hover{transform:translateY(-4px)}.fade-up{opacity:0;animation:.7s forwards fadeUp;transform:translateY(24px)}.fade-up:first-child{animation-delay:.1s}.fade-up:nth-child(2){animation-delay:.25s}.fade-up:nth-child(3){animation-delay:.4s}.fade-up:nth-child(4){animation-delay:.55s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}#progress-bar{background:var(--teal);z-index:9999;width:0%;height:3px;box-shadow:0 0 8px var(--teal);transition:width .1s;position:fixed;top:0;left:0}