@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-cyan:#00f2ff;--primary-blue:#06f;--primary-purple:#8b5cf6;--primary-green:#10b981;--wa-green:#25d366;--dark-bg:#03030a;--card-bg:#0c0c1899;--text-primary:#fff;--text-secondary:#a0a0b8;--gradient:linear-gradient(135deg,#00f2ff 0%,#06f 100%);--gradient-alt:linear-gradient(135deg,#8b5cf6 0%,#06f 100%);--border:#ffffff12}body{background-color:var(--dark-bg);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.app{min-height:100vh;position:relative}.app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 10% 40%,#00f2ff0a 0%,#0000 60%),radial-gradient(50% 60% at 90% 20%,#0066ff0d 0%,#0000 60%),radial-gradient(40% 40% at 50% 80%,#8b5cf608 0%,#0000 60%);position:fixed;inset:0}.container{z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}a{color:inherit;text-decoration:none}.section-title-wrapper{text-align:center;margin-bottom:3.5rem}.section-title{letter-spacing:-.5px;padding-bottom:14px;font-size:2.6rem;font-weight:800;display:inline-block;position:relative}.title-underline{background:var(--gradient);transform-origin:0;border-radius:4px;height:3px;margin-top:10px;display:block}.section-subtitle{color:var(--text-secondary);margin-top:.8rem;font-size:1rem}.navbar{z-index:1000;padding:1.1rem 0;transition:background .4s,box-shadow .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border),0 8px 32px #00000080;background:#03030ae0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{background:var(--gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;cursor:pointer;-webkit-background-clip:text;font-size:1.45rem;font-weight:800}.nav-menu{gap:2.2rem;display:flex}.nav-link{color:var(--text-secondary);text-transform:capitalize;font-size:.92rem;font-weight:500;transition:color .25s;position:relative}.nav-link:after{content:"";background:var(--gradient);border-radius:2px;height:2px;transition:transform .3s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}.hero-section{align-items:center;min-height:100vh;padding-top:90px;display:flex;position:relative;overflow:hidden}.hero-bg-grid{pointer-events:none;background-image:linear-gradient(#00f2ff08 1px,#0000 1px),linear-gradient(90deg,#00f2ff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.hero-content{z-index:2;justify-content:space-between;align-items:center;gap:4rem;width:100%;display:flex}.hero-text{flex:1;max-width:620px}.hero-badge{color:var(--primary-cyan);letter-spacing:.3px;background:#00f2ff12;border:1px solid #00f2ff40;border-radius:50px;align-items:center;gap:8px;margin-bottom:1.4rem;padding:7px 20px;font-size:.82rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-1px;margin-bottom:1rem;font-size:3.6rem;font-weight:900;line-height:1.08}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.typewriter-line{color:var(--text-secondary);align-items:center;gap:6px;height:2rem;margin-bottom:1.4rem;font-size:1.3rem;font-weight:500;display:flex}.typewriter-text{color:var(--primary-cyan);font-weight:700}.typewriter-cursor{color:var(--primary-cyan);font-weight:300;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-description{color:var(--text-secondary);margin-bottom:1.4rem;font-size:1.05rem;line-height:1.85}.hero-description strong{color:var(--text-primary)}.hero-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.8rem;display:flex}.hero-tags span{color:var(--text-secondary);cursor:default;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:5px 14px;font-size:.8rem;transition:color .2s,border-color .2s}.hero-buttons{gap:1.2rem;display:flex}.btn{cursor:pointer;will-change:transform;border:none;border-radius:50px;justify-content:center;align-items:center;padding:.85rem 1.9rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 8px 24px #00f2ff2e}.btn-secondary{color:var(--primary-cyan);background:#ffffff0a;border:1px solid #ffffff1f}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#128c4e);gap:7px;box-shadow:0 8px 24px #25d36638}.btn-cv{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff26}.btn-cv:hover{background:#ffffff1a;transform:translateY(-2px)}.hero-image-container{flex-direction:column;flex:1;align-items:center;gap:2rem;display:flex}.profile-ring-outer{background:conic-gradient(#00f2ff,#06f,#8b5cf6,#00f2ff);border-radius:50%;padding:4px;animation:6s linear infinite ring-spin;display:inline-flex;box-shadow:0 0 55px #00f2ff2e}@keyframes ring-spin{to{transform:rotate(360deg)}}.profile-ring-counter{background:var(--dark-bg);border-radius:50%;padding:4px;animation:6s linear infinite reverse ring-spin;display:inline-flex}.profile-img-wrapper{cursor:pointer;border-radius:50%;width:340px;height:340px;display:flex;overflow:hidden}.profile-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.profile-img-wrapper:hover .profile-img{transform:scale(1.06)}.hero-social-links{gap:1rem;display:flex}.social-chip{color:var(--text-secondary);will-change:transform;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:7px;padding:9px 22px;font-size:.84rem;font-weight:500;transition:background .25s,border-color .25s,color .25s;display:inline-flex}.social-chip:hover{color:var(--primary-cyan);background:#00f2ff14;border-color:#00f2ff66}.scroll-indicator{z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid #fff3;border-radius:12px;justify-content:center;width:24px;height:38px;padding-top:6px;display:flex}.scroll-wheel{background:var(--primary-cyan);border-radius:2px;width:3px;height:8px;animation:1.8s infinite scroll-down}@keyframes scroll-down{0%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(0)}}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px;transition:border-color .3s,box-shadow .3s;box-shadow:0 8px 40px #00000059}.github-stats-wrap{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.2rem}.github-stats-img{opacity:.9;border-radius:10px;width:100%;max-width:380px;transition:opacity .3s}.github-stats-img:hover{opacity:1}.about-section{z-index:1;padding:110px 0;position:relative}.bento-grid{grid-template-columns:1.5fr 1fr;gap:1.4rem;max-width:1000px;margin:0 auto;display:grid}.bento-box{padding:2rem}.bio-box{grid-row:span 2}.bento-title{border-left:3px solid var(--primary-cyan);letter-spacing:-.2px;margin-bottom:1.2rem;padding-left:14px;font-size:1.2rem;font-weight:700}.bio-text{color:var(--text-secondary);font-size:.95rem;line-height:1.9}.highlight-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.info-list{flex-direction:column;gap:.9rem;list-style:none;display:flex}.info-list li{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding-bottom:.6rem;font-size:.88rem;transition:padding-left .2s;display:flex}.label{color:var(--text-secondary);font-size:.88rem}.soft-skills-box{grid-column:2}.soft-skills-tags{flex-wrap:wrap;gap:.5rem;display:flex}.soft-skill-tag{color:var(--primary-cyan);cursor:default;background:#00f2ff0f;border:1px solid #00f2ff24;border-radius:50px;padding:5px 13px;font-size:.78rem;transition:background .2s}.stats-box{background:linear-gradient(135deg,#00f2ff0a,#0066ff0a);grid-column:span 2;justify-content:space-around;align-items:center;padding:2.5rem;display:flex}.stat-item{text-align:center;cursor:default}.stat-num{background:var(--gradient);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;font-size:2.8rem;font-weight:900}.stat-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;margin-top:2px;font-size:.75rem}.services-section{padding:90px 0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.service-card{will-change:transform;flex-direction:column;gap:.9rem;padding:2rem;transition:border-color .3s,transform .3s;display:flex}.service-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.3rem;font-size:1.5rem;display:flex}.icon-cyan{background:#00f2ff1a;border:1px solid #00f2ff33}.icon-blue{background:#0066ff1a;border:1px solid #06f3}.icon-purple{background:#8b5cf61a;border:1px solid #8b5cf633}.icon-green{background:#10b9811a;border:1px solid #10b98133}.service-card h3{font-size:1.05rem;font-weight:700}.service-card p{color:var(--text-secondary);flex:1;font-size:.88rem;line-height:1.65}.service-tags{flex-wrap:wrap;gap:.4rem;display:flex}.service-tags span{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:3px 10px;font-size:.73rem;font-weight:500}.service-cyan:hover{border-color:#00f2ff4d}.service-blue:hover{border-color:#0066ff4d}.service-purple:hover{border-color:#8b5cf64d}.service-green:hover{border-color:#10b9814d}.experience-section{padding:90px 0}.timeline{max-width:900px;margin:0 auto;padding:1rem 0;position:relative}.timeline-line{background:linear-gradient(#0000,#00f2ff4d 10% 90%,#0000);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{justify-content:flex-end;margin-bottom:2.5rem;padding-right:calc(50% + 40px);display:flex;position:relative}.timeline-item.right{justify-content:flex-start;padding-left:calc(50% + 40px);padding-right:0}.timeline-card{width:100%;max-width:360px;padding:1.5rem;position:relative}.tl-cyan{border-left:3px solid #00f2ff}.tl-blue{border-left:3px solid #69f}.tl-purple{border-left:3px solid #a78bfa}.tl-green{border-left:3px solid #34d399}.timeline-item.right .timeline-card.tl-cyan,.timeline-item.right .timeline-card.tl-blue,.timeline-item.right .timeline-card.tl-purple,.timeline-item.right .timeline-card.tl-green{border-left:none;border-right:3px solid}.timeline-item.right .tl-cyan{border-right-color:#00f2ff}.timeline-item.right .tl-blue{border-right-color:#69f}.timeline-item.right .tl-purple{border-right-color:#a78bfa}.timeline-item.right .tl-green{border-right-color:#34d399}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.timeline-icon{font-size:1.4rem}.timeline-year{border-radius:50px;padding:3px 12px;font-size:.75rem;font-weight:700}.timeline-card h3{margin-bottom:.25rem;font-size:1rem;font-weight:700}.timeline-place{color:var(--primary-cyan);margin-bottom:.5rem;font-size:.78rem;font-weight:500}.timeline-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.65}.timeline-dot{border:3px solid var(--dark-bg);z-index:2;border-radius:50%;width:14px;height:14px;position:absolute;top:1.4rem;left:50%;transform:translate(-50%)}.dot-cyan{background:#00f2ff;box-shadow:0 0 10px #00f2ff99}.dot-blue{background:#69f;box-shadow:0 0 10px #06f9}.dot-purple{background:#a78bfa;box-shadow:0 0 10px #8b5cf699}.dot-green{background:#34d399;box-shadow:0 0 10px #10b98199}.skills-section{padding:90px 0}.skills-tabs{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-bottom:3rem;display:flex}.tab-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:50px;padding:8px 18px;font-family:Inter,sans-serif;font-size:.87rem;font-weight:500;transition:all .25s}.tab-btn:hover{color:var(--primary-cyan);border-color:#00f2ff4d}.tab-btn.active{background:var(--gradient);color:#fff;border-color:#0000;box-shadow:0 4px 18px #00f2ff38}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem;display:grid}.skill-card{will-change:transform;padding:1.4rem}.skill-info{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.skill-info h4{font-size:.95rem;font-weight:600}.level-badge{border-radius:50px;padding:3px 10px;font-size:.7rem;font-weight:700}.level-advanced{color:#00f2ff;background:#00f2ff12;border:1px solid #00f2ff4d}.level-intermediate{color:#a78bfa;background:#8b5cf612;border:1px solid #8b5cf64d}.level-basic{color:#fbbf24;background:#fbbf2412;border:1px solid #fbbf244d}.progress-bg{background:#ffffff0d;border-radius:10px;width:100%;height:5px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:var(--gradient);border-radius:10px;height:100%}.skill-percent{color:var(--text-secondary);text-align:right;font-size:.72rem}.projects-section{padding:90px 0}.projects-carousel-wrapper{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.carousel-main{flex:1;min-height:300px;position:relative}.project-card-featured{border-radius:20px;flex-direction:column;gap:1rem;width:100%;padding:2.5rem;display:flex}.project-featured-header{align-items:flex-start;gap:1.2rem;display:flex}.project-featured-icon{flex-shrink:0;font-size:3rem;line-height:1}.project-featured-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.project-card-featured h3{font-size:1.4rem;font-weight:800}.badge-testing{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:50px;padding:3px 10px;font-size:.72rem;font-weight:700}.badge-live{color:#10b981;background:#10b9811a;border:1px solid #10b9814d;border-radius:50px;padding:3px 10px;font-size:.72rem;font-weight:700}.badge-pinned{color:#ec4899;background:#ec48991a;border:1px solid #ec48994d;border-radius:50px;padding:3px 10px;font-size:.72rem;font-weight:700}.project-counter{color:var(--text-secondary);text-align:right;margin-top:auto;font-size:.78rem}.carousel-arrow{border:1px solid var(--border);width:46px;height:46px;color:var(--primary-cyan);cursor:pointer;background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding-bottom:3px;font-family:Inter,sans-serif;font-size:1.8rem;transition:background .25s,border-color .25s;display:flex}.carousel-arrow:hover{background:#00f2ff1a;border-color:#00f2ff66}.carousel-dots{justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.carousel-dot{cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .25s,transform .2s}.carousel-dot.active{background:var(--primary-cyan);border-radius:4px;width:22px;box-shadow:0 0 8px #00f2ff99}.projects-mini-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.project-mini-card{border-radius:16px;flex-direction:column;gap:.55rem;padding:1.2rem;transition:border-color .3s;display:flex}.project-mini-card.mini-active{box-shadow:0 0 20px #00f2ff1a;border-color:#00f2ff66!important}.project-header{justify-content:space-between;align-items:center;display:flex}.project-icon{font-size:1.8rem}.project-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:3px 13px;font-size:.72rem;font-weight:700}.badge-cyan{color:#00f2ff;background:#00f2ff1a;border:1px solid #00f2ff33}.badge-blue{color:#69f;background:#0066ff1a;border:1px solid #06f3}.badge-purple{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf633}.badge-green{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.project-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:500}.project-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.65}.tech-tags{flex-wrap:wrap;gap:.45rem;margin-top:auto;display:flex}.tech-tags span{color:var(--primary-cyan);background:#00f2ff0f;border:1px solid #00f2ff1a;border-radius:6px;padding:3px 10px;font-size:.74rem;font-weight:500;transition:transform .2s}.btn-outline{color:var(--text-secondary);text-align:center;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:12px;margin-top:.5rem;padding:10px;font-family:Inter,sans-serif;font-size:.83rem;transition:all .25s;display:block}.btn-outline:hover{background:#ffffff0a;border-color:#fff3}.project-cyan:hover{border-color:#00f2ff40}.project-blue:hover{border-color:#0066ff40}.project-purple:hover{border-color:#8b5cf640}.project-green:hover{border-color:#10b98140}.certs-section{padding:90px 0}.certs-grid{grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:1.1rem;max-width:1100px;margin:0 auto;display:grid}.cert-card{align-items:center;gap:1.2rem;padding:1.4rem 1.8rem;transition:transform .25s,border-color .25s;display:flex}.cert-cyan{border-left:3px solid #00f2ff}.cert-blue{border-left:3px solid #69f}.cert-purple{border-left:3px solid #a78bfa}.cert-green{border-left:3px solid #34d399}.cert-icon{flex-shrink:0;font-size:2rem}.cert-info{flex:1}.cert-info h4{margin-bottom:.3rem;font-size:.9rem;font-weight:600}.cert-meta{align-items:center;display:flex}.cert-issuer,.cert-year{color:var(--text-secondary);font-size:.8rem}.cert-badge{border-radius:50px;flex-shrink:0;padding:4px 13px;font-size:.72rem;font-weight:700}.contact-section{text-align:center;padding:110px 0}.contact-card{max-width:760px;margin:0 auto;padding:3.5rem 2.5rem}.contact-card h2{margin-bottom:.6rem;font-size:2rem;font-weight:800}.contact-sub{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.contact-chips{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-bottom:1.5rem;display:flex}.contact-chip{border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-size:.86rem;font-weight:600;transition:all .25s;display:inline-flex}.chip-wa{color:#fff;background:linear-gradient(135deg,#25d366,#128c4e);box-shadow:0 5px 18px #25d36640}.chip-wa:hover{transform:translateY(-2px);box-shadow:0 8px 28px #25d36666}.chip-email{color:var(--primary-cyan);background:#00f2ff14;border:1px solid #00f2ff33}.chip-email:hover{background:#00f2ff26;transform:translateY(-2px)}.chip-li{color:#69f;background:#0066ff14;border:1px solid #06f3}.chip-li:hover{background:#0066ff26;transform:translateY(-2px)}.contact-divider{max-width:500px;color:var(--text-secondary);align-items:center;gap:1rem;margin:0 auto .5rem;font-size:.8rem;display:flex}.contact-divider:before,.contact-divider:after{content:"";background:var(--border);flex:1;height:1px}.contact-form{flex-direction:column;gap:1.1rem;max-width:500px;margin:1rem auto;display:flex}.form-group{gap:1rem;display:flex}.form-group input{width:50%}.wa-float{z-index:2000;background:linear-gradient(135deg,#25d366,#128c4e);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:box-shadow .25s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 6px 24px #25d36666}.wa-float:hover{box-shadow:0 10px 35px #25d3668c}.contact-form input,.contact-form textarea{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:.95rem 1.1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .25s,background .25s}.contact-form input:focus,.contact-form textarea:focus{background:#ffffff0f;border-color:#00f2ff66}.copyright{color:#555;text-align:center;margin-top:3rem;font-size:.78rem}.copyright a{color:var(--primary-cyan);transition:opacity .2s}.copyright a:hover{opacity:.8}.chatbot-wrapper{z-index:2000;position:fixed;bottom:28px;right:28px}.chat-toggle-btn{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 22px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 10px 30px #00f2ff40}.chat-window{flex-direction:column;width:340px;height:490px;display:flex;position:absolute;bottom:70px;right:0;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);color:var(--primary-cyan);background:#00f2ff12;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.9rem;font-weight:700;display:flex}.chat-header button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.3rem;line-height:1;transition:color .2s}.chat-header button:hover{color:#fff}.chat-messages{scrollbar-width:thin;scrollbar-color:#222 transparent;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.message{word-wrap:break-word;border-radius:14px;max-width:86%;padding:9px 14px;font-size:.87rem;line-height:1.5}.message.bot{background:#111820;border:1px solid #1e2a36;border-bottom-left-radius:2px;align-self:flex-start}.message.user{background:var(--primary-blue);border-bottom-right-radius:2px;align-self:flex-end}.message.typing{align-items:center;gap:5px;padding:12px 16px;display:flex}.message.typing span{background:var(--primary-cyan);border-radius:50%;width:7px;height:7px;animation:1.2s infinite typing-bounce}.message.typing span:nth-child(2){animation-delay:.2s}.message.typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.chat-input-area{border-top:1px solid var(--border);gap:8px;padding:12px;display:flex}.chat-input-area input{border:1px solid var(--border);color:#fff;background:#ffffff0a;border-radius:10px;outline:none;flex:1;padding:9px 12px;font-family:Inter,sans-serif;font-size:.87rem;transition:border-color .2s}.chat-input-area input:focus{border-color:#00f2ff4d}.chat-input-area button{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:0 14px;font-size:1rem;font-weight:700;transition:opacity .2s}.chat-input-area button:hover{opacity:.85}@media (max-width:900px){.hero-title{font-size:2.8rem}.profile-img-wrapper{width:280px;height:280px}}@media (max-width:768px){.hero-content{text-align:center;flex-direction:column-reverse;gap:2.5rem;padding-top:1rem}.hero-title{font-size:2.4rem}.hero-buttons,.hero-tags,.hero-social-links,.typewriter-line{justify-content:center}.profile-img-wrapper{width:260px;height:260px}.bento-grid{grid-template-columns:1fr}.bio-box,.soft-skills-box{grid-area:auto/1}.stats-box{flex-wrap:wrap;grid-column:1;gap:2rem}.nav-menu{display:none}.certs-grid{grid-template-columns:1fr}.cert-card{flex-direction:row}.form-group{flex-direction:column}.form-group input{width:100%}.skills-tabs{gap:.4rem}.tab-btn{padding:6px 13px;font-size:.8rem}.section-title{font-size:2rem}}@media (max-width:480px){.hero-title{font-size:2rem}.chat-window{width:300px;height:450px}.cert-card{text-align:center;flex-direction:column}.project-card{padding:1.4rem}}