*{margin:0;padding:0;box-sizing:border-box}:root{--bg-gradient: linear-gradient(135deg, #0a1628 0%, #1a2332 50%, #0d1b2a 100%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--header-bg: rgba(10, 22, 40, .95);--card-bg: rgba(255, 255, 255, .05);--border-color: rgba(0, 174, 255, .2);--accent-color: #00aeff;--shadow-color: rgba(0, 174, 255, .3)}.light-theme{--bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);--text-primary: #1a2332;--text-secondary: rgba(26, 35, 50, .8);--header-bg: rgba(255, 255, 255, .95);--card-bg: rgba(0, 0, 0, .05);--border-color: rgba(0, 122, 204, .2);--accent-color: #007acc;--shadow-color: rgba(0, 122, 204, .2)}body{font-family:Poppins,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden;overflow-y:auto!important;position:relative}canvas{position:fixed;top:0;left:0;z-index:-1!important;pointer-events:none!important}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-header{position:fixed;top:0;left:0;width:100%;background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,174,255,.2);z-index:10000;padding:15px 0}.header-container{max-width:1400px;margin:0 auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.8rem;font-weight:700;color:#00aeff;letter-spacing:2px}.desktop-nav{display:flex;align-items:center;gap:30px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);padding:8px 15px;border-radius:8px}.nav-link i{font-size:1.1rem}.nav-link:hover{color:#00aeff;background:#00aeff1a}.theme-toggle{background:#00aeff1a;border:2px solid rgba(0,174,255,.3);color:#00aeff;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.theme-toggle:hover{background:linear-gradient(135deg,#00aeff,#08c);color:#fff;transform:rotate(15deg)}.mobile-menu-toggle{display:none;background:#00aeff1a;border:2px solid rgba(0,174,255,.3);color:#00aeff;width:45px;height:45px;border-radius:8px;cursor:pointer;font-size:1.3rem;transition:all .3s ease}.mobile-menu-toggle:hover{background:#00aeff33}.mobile-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#0a1628fa;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid rgba(0,174,255,.2);padding:20px 30px;flex-direction:column;gap:15px;opacity:0;transform:translateY(-20px);transition:all .3s ease}.main-header.mobile-menu-open .mobile-nav{display:flex;opacity:1;transform:translateY(0)}.mobile-nav .nav-link{padding:12px 15px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.theme-toggle-mobile{background:#00aeff1a;border:2px solid rgba(0,174,255,.3);color:#00aeff;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.theme-toggle-mobile:hover{background:#00aeff33}body{padding-top:80px}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px;position:relative;overflow:hidden}#tech-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6;pointer-events:none}.hero-container{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center;max-width:1200px;width:100%;position:relative;z-index:2}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}.hero-text h1{font-size:3.5rem;margin-bottom:20px;background:linear-gradient(45deg,var(--accent-color),#00c3ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;min-height:1.2em}.typing-cursor{display:inline-block;width:3px;height:1em;background-color:var(--accent-color);margin-left:5px;animation:blink .7s infinite}@keyframes blink{50%{opacity:0}}.subtitle-wrapper{font-size:1.5rem;color:#00aeff;margin-bottom:10px}#secondary-title-wrapper{font-size:1.2rem;color:#a0a0a0;margin-bottom:25px}.about-me{line-height:1.8;color:#a0a0a0;margin-bottom:20px;font-size:1.05rem}.email{color:#00aeff;margin-bottom:30px;font-size:1.1rem}.email i{margin-right:10px}.hero-buttons{display:flex;gap:20px}.cta-button{padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.cta-button{background:#00aeff;color:#fff}.cta-button.secondary{background:transparent;border:2px solid #00aeff;color:#00aeff}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00aeff66}.hero-image img{width:100%;border-radius:20px;border:3px solid #00aeff;box-shadow:0 20px 60px #00aeff4d}.about-section{padding:100px 20px}.section-title{font-size:3rem;text-align:center;margin-bottom:50px;color:#00aeff}.title-line{position:relative;padding-bottom:15px}.title-line:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#00aeff,transparent)}.about-container{background:#1e1e1ecc;border-radius:20px;padding:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-intro{font-size:1.2rem;text-align:center;margin-bottom:40px;color:#a0a0a0}.expertise-badges{display:flex;gap:20px;margin:30px 0;flex-wrap:wrap}.expertise-badge{position:relative;display:flex;align-items:center;gap:12px;padding:16px 28px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:30px;transition:all .4s ease;overflow:hidden;box-shadow:0 8px 32px #0000004d}.expertise-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.expertise-badge:hover:before{left:100%}.expertise-badge:first-child{background:linear-gradient(135deg,#e74c3c26,#c0392b1a);border:1px solid rgba(231,76,60,.3);box-shadow:0 8px 32px #e74c3c33}.expertise-badge:last-child{background:linear-gradient(135deg,#00aeff26,#00c3ff1a);border:1px solid rgba(0,174,255,.3);box-shadow:0 8px 32px #00aeff33}.expertise-badge:hover{transform:translateY(-5px) scale(1.05);border-color:#ffffff4d}.expertise-badge:first-child:hover{box-shadow:0 15px 45px #e74c3c66;border-color:#e74c3c80}.expertise-badge:last-child:hover{box-shadow:0 15px 45px #00aeff66;border-color:#00aeff80}.expertise-badge i{font-size:1.8rem;color:#e74c3c;filter:drop-shadow(0 0 10px rgba(231,76,60,.5))}.expertise-badge:last-child i{color:#00aeff;filter:drop-shadow(0 0 10px rgba(0,174,255,.5))}.expertise-badge span{font-size:1.05rem;font-weight:700;color:var(--text-primary);text-shadow:0 2px 8px rgba(0,0,0,.1);letter-spacing:.5px}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.about-card{background:#ffffff08;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:35px 30px;border-radius:20px;border:2px solid rgba(255,255,255,.1);transition:all .4s ease;position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,174,255,.1),transparent);transition:left .6s ease}.about-card:hover:before{left:100%}.about-card:hover{transform:translateY(-8px);border-color:#00aeff80;box-shadow:0 20px 60px #00aeff33;background:#ffffff0d}.about-card h4{font-size:1.5rem;margin-bottom:15px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.about-card h4 i{font-size:1.8rem;transition:transform .3s ease}.about-card:hover h4 i{transform:scale(1.2) rotate(5deg)}.about-card p{line-height:1.7;color:var(--text-secondary);font-size:1.05rem}.about-card strong{color:#00aeff;font-weight:700}.featured-projects-section{padding:100px 20px;text-align:center}.featured-box{display:grid;grid-template-columns:300px 1fr;gap:0;background:#ffffff08;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid #00aeff;border-radius:25px;overflow:hidden;cursor:pointer;transition:all .4s ease;max-width:900px;margin:0 auto;position:relative}.featured-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,174,255,.1),transparent);animation:shine 3s infinite;pointer-events:none}.featured-box:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00aeff66;border-color:#00aeffcc}.featured-box-left{background:linear-gradient(135deg,#00aeff,#08c);display:flex;align-items:center;justify-content:center;padding:60px 40px}.rocket-container i{font-size:8rem;color:#fff;animation:rocketFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}}.featured-box-right{padding:50px 60px;display:flex;flex-direction:column;justify-content:center;gap:15px}.featured-box-right h2{font-size:3rem;color:#00aeff;margin:0}.featured-box-right p{font-size:1.3rem;color:#ffffffb3;margin:0}.project-count{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#00aeff33;border:1px solid rgba(0,174,255,.4);border-radius:50px;font-size:1.1rem;color:#fff;width:fit-content;margin-top:10px}.project-count i{color:#00aeff}.projects-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a1628,#1a2332,#0d1b2a);z-index:10000;overflow-y:auto;transform:translateY(100%);transition:transform .6s cubic-bezier(.68,-.55,.265,1.55)}.projects-overlay.show{transform:translateY(0)}.projects-container{max-width:1200px;margin:0 auto;padding:100px 20px 50px}.close-btn{position:fixed;top:30px;right:30px;background:#00aeff;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10001;transition:.3s}.close-btn:hover{background:#00c3ff;transform:rotate(90deg)}.projects-title{text-align:center;font-size:3rem;margin-bottom:60px;color:#00aeff}.project-card{background:#1e1e1ee6;border:2px solid rgba(0,174,255,.3);border-radius:20px;padding:40px;margin-bottom:50px;opacity:0;transform:translateY(40px);transition:opacity .5s ease,transform .5s ease,border-color .3s ease,box-shadow .3s ease}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{border-color:#00aeff;box-shadow:0 10px 40px #00aeff4d;will-change:transform}.project-content{display:grid;grid-template-columns:350px 1fr;gap:40px;align-items:start}.project-image{width:100%;border-radius:15px;box-shadow:0 10px 30px #00000080}.project-details h2{font-size:2.2rem;color:#00aeff;margin-bottom:15px}.badge{display:inline-block;padding:5px 15px;border-radius:15px;font-size:.85rem;margin-left:10px;font-weight:600}.badge.lead{background:#00aeff;color:#fff}.badge.current{background:#f39c12;color:#fff}.project-description{line-height:1.8;color:#a0a0a0;margin:20px 0;font-size:1.05rem}.tech-stack-label{font-size:1.1rem;color:#00aeff;margin:25px 0 15px;font-weight:600}.tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tags span{background:#00aeff33;color:#00aeff;padding:8px 16px;border-radius:20px;font-size:.9rem}.project-buttons{display:flex;gap:15px;margin-top:25px}.project-btn{flex:1;padding:14px 28px;border-radius:10px;text-decoration:none;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .3s,box-shadow .3s}.project-btn.primary{background:#00aeff;color:#fff}.project-btn.secondary{background:transparent;color:#00aeff;border:2px solid #00aeff}.project-btn:hover{transform:translateY(-3px);box-shadow:0 5px 20px #00aeff66}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.websites-section{padding:100px 20px;background:#0a162880}.fav-websites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:80px}.fav-website-item{background:linear-gradient(135deg,#00aeff1a,#00c3ff0d);border:2px solid #00aeff;border-radius:20px;padding:30px;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.fav-website-item:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00aeff59;border-color:#00c3ff;will-change:transform}.fav-star{position:absolute;top:20px;right:20px;font-size:2rem;color:#f39c12}.fav-website-item:hover .fav-star{animation:pulse 1.5s ease-in-out infinite}.fav-site-image{width:100%;height:220px;overflow:hidden;border-radius:15px;margin-bottom:20px}.fav-site-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.fav-website-item:hover .fav-site-image img{transform:scale(1.1) rotate(2deg)}.fav-site-info h3{font-size:1.8rem;color:#00aeff;margin-bottom:15px}.fav-site-info p{line-height:1.7;color:#a0a0a0;margin-bottom:20px;font-size:.95rem}.fav-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#00aeff;color:#fff;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease;margin-top:15px}.fav-btn:hover{background:#00c3ff;transform:translateY(-2px);box-shadow:0 8px 20px #00aeff80}.website-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease;margin-top:20px}.website-btn.primary{background:#00aeff;color:#fff}.website-btn.secondary{background:transparent;color:#00aeff;border:2px solid #00aeff}.website-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00aeff80}.other-websites-box,.certificates-box{display:grid;grid-template-columns:250px 1fr;gap:0;background:#ffffff08;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.2);border-radius:25px;overflow:hidden;cursor:pointer;transition:all .4s ease;margin:60px auto;max-width:900px;position:relative}.other-websites-box:before,.certificates-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);animation:shine 3s infinite;pointer-events:none}.other-websites-box{border-color:#00aeff}.other-websites-box:hover{transform:translateY(-5px);border-color:#00aeffcc;box-shadow:0 15px 50px #00aeff4d}.certificates-box{border-color:orange}.certificates-box:hover{transform:translateY(-5px);border-color:#ffa500cc;box-shadow:0 15px 50px #ffa5004d}.box-left{display:flex;align-items:center;justify-content:center;padding:50px 30px}.websites-left{background:linear-gradient(135deg,#00aeff,#08c)}.certificates-left{background:linear-gradient(135deg,orange,#ff8c00)}.icon-container i{font-size:6rem;color:#fff;filter:drop-shadow(0 10px 25px rgba(0,0,0,.3))}.websites-left .icon-container i{animation:globeSpin 4s linear infinite}.certificates-left .icon-container i{animation:certificatePulse 2s ease-in-out infinite}@keyframes globeSpin{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}@keyframes certificatePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.box-right{padding:40px 50px;display:flex;flex-direction:column;justify-content:center;gap:12px}.box-right h2{font-size:2.5rem;margin:0}.other-websites-box .box-right h2{color:#00aeff}.certificates-box .box-right h2{color:orange}.box-right p{font-size:1.2rem;color:#ffffffb3;margin:0}.count-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;font-size:1rem;font-weight:600;color:#fff;width:fit-content;margin-top:8px}.other-websites-box .count-badge{background:#00aeff33;border:1px solid rgba(0,174,255,.4)}.other-websites-box .count-badge i{color:#00aeff}.certificates-box .count-badge{background:#ffa50033;border:1px solid rgba(255,165,0,.4)}.certificates-box .count-badge i{color:orange}.other-websites-title{text-align:center;font-size:2rem;color:#00aeff;margin:60px 0 40px}.websites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:80px}.website-card{background:#1e1e1ecc;border:2px solid rgba(0,174,255,.2);border-radius:20px;overflow:hidden;transition:all .4s ease}.website-card:hover{border-color:#00aeff;transform:translateY(-10px);box-shadow:0 15px 40px #00aeff4d}.website-image{width:100%;height:250px;overflow:hidden}.website-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.website-card:hover .website-image img{transform:scale(1.1)}.website-info{padding:30px}.website-info h4{font-size:1.6rem;color:#00aeff;margin-bottom:15px}.website-info p{line-height:1.7;color:#a0a0a0;margin-bottom:20px}.github-section{margin-top:60px}.github-card{background:linear-gradient(135deg,#24292fe6,#161b22e6);border:3px solid #6e5494;border-radius:20px;padding:50px;display:flex;align-items:center;gap:40px;transition:all .4s ease}.github-card:hover{transform:scale(1.02);box-shadow:0 20px 60px #6e549466}.github-icon{font-size:6rem;color:#00aeff;animation:bounce 2s infinite}.github-content h3{font-size:2rem;color:#00aeff;margin-bottom:10px}.github-content p{color:#a0a0a0;margin-bottom:25px;font-size:1.1rem}.github-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:#6e5494;color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.github-btn:hover{background:#8b6bb7;transform:translateY(-3px);box-shadow:0 10px 30px #6e549480}.github-btn i{font-size:1.5rem}.certificates-section{padding:100px 20px}.certificates-box{background:#1e1e1ee6;border:3px solid #f39c12;border-radius:20px;padding:60px 40px;cursor:pointer;transition:all .4s ease;max-width:600px;margin:0 auto 80px;text-align:center}.certificates-box:hover{transform:scale(1.05);box-shadow:0 20px 60px #f39c1280;background:#f39c121a}.certificates-box h3{font-size:2.5rem;color:#f39c12;margin-bottom:15px}.certificates-box p{font-size:1.2rem;color:#a0a0a0}.certificates-box i{font-size:4rem;color:#f39c12;margin-bottom:20px;display:block;animation:bounce 2s infinite}.linkedin-section{margin-top:60px}.linkedin-card{background:linear-gradient(135deg,#0a66c2e6,#0077b5e6);border:3px solid #0077b5;border-radius:20px;padding:50px;display:flex;align-items:center;gap:40px;transition:all .4s ease}.linkedin-card:hover{transform:scale(1.02);box-shadow:0 20px 60px #0077b566}.linkedin-icon{font-size:6rem;color:#fff;animation:bounce 2s infinite}.linkedin-content h3{font-size:2rem;color:#fff;margin-bottom:10px}.linkedin-content p{color:#ffffffe6;margin-bottom:25px;font-size:1.1rem}.linkedin-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:#fff;color:#0077b5;border-radius:10px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.linkedin-btn:hover{background:#f0f0f0;transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.linkedin-btn i{font-size:1.5rem}.cert-tabs{display:flex;justify-content:center;gap:20px;margin:40px 0;flex-wrap:wrap}.cert-tab{padding:14px 28px;background:#1e1e1ecc;border:2px solid #f39c12;color:#f39c12;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:10px}.cert-tab:hover{background:#f39c1233;transform:translateY(-2px)}.cert-tab.active{background:#f39c12;color:#fff}.overlay-footer{margin-top:80px;padding-top:40px;border-top:2px solid rgba(0,174,255,.3)}.skills-section{padding:100px 20px}.expertise-badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:80px}.fullstack-badge{position:relative;background:linear-gradient(135deg,#00aeff26,#00c3ff1a);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(0,174,255,.3);border-radius:25px;padding:50px 40px;text-align:center;margin-bottom:80px;box-shadow:0 15px 50px #00aeff4d;overflow:hidden;transition:all .4s ease}.fullstack-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%,to{transform:rotate(45deg) translate(-100%,-100%)}50%{transform:rotate(45deg) translate(100%,100%)}}.fullstack-badge:hover{transform:translateY(-10px);box-shadow:0 25px 70px #00aeff80;border-color:#00aeff80}.fullstack-badge i{font-size:4.5rem;color:#00aeff;margin-bottom:25px;filter:drop-shadow(0 0 20px rgba(0,174,255,.6));animation:float 3s ease-in-out infinite}.fullstack-badge h3{font-size:2.8rem;color:var(--text-primary);margin-bottom:15px;text-shadow:0 4px 12px rgba(0,174,255,.4);font-weight:700;letter-spacing:1px}.fullstack-badge p{font-size:1.3rem;color:var(--text-secondary);text-shadow:0 2px 8px rgba(0,0,0,.1);font-weight:500}.cybersecurity-badge{background:linear-gradient(135deg,#e74c3c26,#c0392b1a);border-color:#e74c3c4d;box-shadow:0 15px 50px #e74c3c4d}.cybersecurity-badge:hover{box-shadow:0 25px 70px #e74c3c80;border-color:#e74c3c80}.cybersecurity-badge i{color:#e74c3c;filter:drop-shadow(0 0 20px rgba(231,76,60,.6))}.cybersecurity-badge h3{text-shadow:0 4px 12px rgba(231,76,60,.4)}.click-hint{margin-top:15px;font-size:.9rem;color:#fff9;opacity:0;transition:opacity .3s ease}.fullstack-badge:hover .click-hint,.cybersecurity-badge:hover .click-hint{opacity:1}.skills-category{margin-bottom:60px}.category-title{font-size:1.8rem;color:#00aeff;margin-bottom:30px;display:flex;align-items:center;gap:15px}.category-title i{font-size:1.5rem}.ai-description{font-size:1.15rem;color:var(--text-secondary);text-align:center;margin-bottom:40px;line-height:1.8;font-style:italic}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.skill-item{background:var(--card-bg);border:2px solid rgba(0,174,255,.3);border-radius:12px;padding:20px;transition:all .3s ease}.skill-item:hover{border-color:#00aeff;transform:translateY(-5px);box-shadow:0 10px 30px #00aeff33}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.skill-info{display:flex;align-items:center;gap:12px}.skill-info i{font-size:1.8rem;color:#00aeff}.skill-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.skill-percent{font-size:1.1rem;font-weight:700;color:#00aeff}.skill-progress{width:100%;height:8px;background:#00aeff1a;border-radius:10px;overflow:hidden}.skill-fill{height:100%;background:linear-gradient(90deg,#00aeff,#00c3ff);border-radius:10px;width:0%;transition:width 1.5s ease}.skill-item.visible .skill-fill{width:var(--skill-width)}.viru-item{position:relative;background:linear-gradient(135deg,#14001ee6,#0a0014f2);border:2px solid transparent;background-clip:padding-box;border-radius:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.viru-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#f0c,#33f,#8b2be2,#f0c);z-index:-1;border-radius:14px;background-size:400% 400%;animation:border-flow 4s ease infinite;opacity:.7}@keyframes border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.viru-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 50px #8b2be266}.viru-item:hover:before{opacity:1;filter:blur(5px)}.my-creation-badge{display:inline-block;padding:4px 12px;background:linear-gradient(90deg,#f0c,#33f);border-radius:20px;font-size:.65rem;margin-left:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#fff;box-shadow:0 0 10px #ff00cc80;animation:badge-pulse 2s infinite;vertical-align:middle}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 10px #ff00cc80}50%{transform:scale(1.05);box-shadow:0 0 20px #33fc}}.viru-features{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap;align-items:center}.viru-feature{font-size:.8rem;color:#fffc;display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:4px 10px;border-radius:8px;border:1px solid rgba(139,43,226,.2)}.viru-feature i{color:#d28cff}.viru-link{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(135deg,#8b2be2,indigo);border-radius:25px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);margin-left:auto;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;box-shadow:0 5px 15px #8b2be266}.viru-link:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s}.viru-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px #8b2be299;border-color:#ffffff80}.viru-link:hover:after{left:100%;transition:.5s}.viru-link i{font-size:.8rem}.skills-overlay-grid{display:grid;grid-template-columns:1fr;gap:50px;padding:20px 0}.skills-overlay-grid .skills-category{margin-bottom:0}.contact-section{padding:100px 20px;position:relative}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-visual{display:flex;flex-direction:column;gap:40px}.laptop-mockup{perspective:1000px}.laptop-screen{background:linear-gradient(135deg,#1a1a2e,#0f0f1e);border-radius:10px 10px 0 0;padding:40px;display:flex;align-items:center;justify-content:center;min-height:250px;border:2px solid rgba(0,174,255,.3);box-shadow:0 0 40px #00aeff33;position:relative;overflow:hidden}.laptop-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,174,255,.1),transparent);animation:shine 3s infinite}.laptop-text{font-size:3rem;color:#00aeff;text-shadow:0 0 30px rgba(0,174,255,.8);z-index:1;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(0,174,255,.5)}50%{text-shadow:0 0 40px rgba(0,174,255,1)}}.laptop-base{background:linear-gradient(135deg,#2a2a3e,#1a1a2e);height:20px;border-radius:0 0 15px 15px;position:relative}.laptop-base:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:150px;height:8px;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);border-radius:0 0 8px 8px}.social-links-container{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0000004d}.social-title{font-size:1.5rem;color:#00aeff;margin-bottom:25px;text-align:center}.social-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.social-link{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 15px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;text-decoration:none;color:#fff;transition:all .3s ease}.social-link:hover{transform:translateY(-5px);border-color:#00aeff;box-shadow:0 10px 30px #00aeff4d}.social-link i{font-size:2.5rem;transition:all .3s ease;margin-bottom:5px}.social-link.linkedin i{color:#0077b5}.social-link.github i{color:#e1e4e8}.social-link.facebook i{color:#1877f2}.social-link.instagram i{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.social-link.twitter i{color:#fff}.social-link.whatsapp i{color:#25d366}.social-link.gmail i{color:#ea4335}.social-link:hover{transform:translateY(-5px);background:#ffffff1a;box-shadow:0 10px 30px #0000004d}.social-link.linkedin:hover{border-color:#0077b5;box-shadow:0 10px 30px #0077b54d}.social-link.github:hover{border-color:#e1e4e8;box-shadow:0 10px 30px #e1e4e84d}.social-link.facebook:hover{border-color:#1877f2;box-shadow:0 10px 30px #1877f24d}.social-link.instagram:hover{border-color:#d62976;box-shadow:0 10px 30px #d629764d}.social-link.twitter:hover{border-color:#fff;box-shadow:0 10px 30px #ffffff4d}.social-link.whatsapp:hover{border-color:#25d366;box-shadow:0 10px 30px #25d3664d}.social-link.gmail:hover{border-color:#ea4335;box-shadow:0 10px 30px #ea43354d}.contact-form-container{background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-color);border-radius:25px;padding:50px 40px;box-shadow:0 15px 50px var(--shadow-color)}.contact-form{display:flex;flex-direction:column;gap:25px}.form-group{position:relative}.form-input{width:100%;padding:18px 20px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:Poppins,sans-serif;transition:all .3s ease;outline:none}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 20px var(--shadow-color);background:var(--header-bg)}.form-input::placeholder{color:#fff6}.form-textarea{resize:vertical;min-height:150px}.send-btn{padding:18px 40px;background:linear-gradient(135deg,var(--accent-color),#00c3ff);border:none;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 10px 30px #00aeff66}.send-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00aeff99}.send-btn i{font-size:1.2rem}.main-footer{background:var(--header-bg);border-top:2px solid var(--border-color);padding:20px 0 10px}.footer-container{max-width:1400px;margin:0 auto;padding:0 30px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.footer-column h3.footer-title{color:#00aeff;font-size:1.6rem;margin-bottom:25px;font-weight:600}.footer-text{color:var(--text-secondary);line-height:1.8;margin-bottom:15px;font-size:.95rem}.footer-signature{color:var(--accent-color);font-style:italic;margin-top:20px;font-size:1.1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;gap:10px;transition:all .3s ease;font-size:.95rem}.footer-links a:hover{color:var(--accent-color);padding-left:10px}.footer-links a i{font-size:1.1rem;width:20px}.footer-social{display:flex;gap:15px;margin-bottom:30px}.footer-social-link{width:50px;height:50px;border-radius:50%;background:#00aeff1a;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:1.3rem;transition:all .3s ease;text-decoration:none}.footer-social-link:hover{background:linear-gradient(135deg,var(--accent-color),#0088cc);color:#fff;transform:translateY(-5px);box-shadow:0 10px 25px var(--shadow-color)}.footer-contact p{color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:12px;font-size:.95rem}.footer-contact i{color:#00aeff;width:20px}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:var(--text-secondary);margin:8px 0;font-size:.9rem}@media (max-width: 968px){.menu-toggle{display:flex;align-items:center;justify-content:center}.menu-items{position:absolute;bottom:70px;right:0;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease}.floating-menu.active .menu-items{opacity:1;visibility:visible;transform:translateY(0)}.menu-item:before{display:none}.hero-container{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.hero-image{order:-1}.hero-image img{max-width:300px;margin:0 auto}.hero-buttons,.expertise-badges{justify-content:center}.about-grid{grid-template-columns:1fr}.about-container{padding:30px 20px}.section-title{font-size:2rem}.featured-box{padding:40px 30px}.featured-box h2{font-size:2rem}.featured-box i{font-size:3rem}.projects-container{padding:80px 15px 30px}.projects-title{font-size:2rem}.close-btn{top:20px;right:20px;width:45px;height:45px}.project-card{padding:25px}.project-content{grid-template-columns:1fr;gap:25px}.project-details h2{font-size:1.6rem}.project-buttons{flex-direction:column}.fav-websites-grid,.fav-website-content{grid-template-columns:1fr}.fav-website-card{padding:30px 20px}.fav-icon{top:15px;right:15px;font-size:2rem}.websites-grid{grid-template-columns:1fr}.github-card{flex-direction:column;text-align:center;padding:40px 25px}.github-icon{font-size:4rem}.certificates-box{padding:40px 25px}.certificates-box h3{font-size:2rem}.linkedin-card{flex-direction:column;text-align:center;padding:40px 25px}.linkedin-icon{font-size:4rem}.cert-tabs{flex-direction:column;gap:10px}.cert-tab{width:100%;justify-content:center}.expertise-badges-grid{grid-template-columns:1fr;gap:20px}.fullstack-badge{padding:30px 20px}.fullstack-badge h3{font-size:2rem}.fullstack-badge i{font-size:3rem}.skills-grid{grid-template-columns:1fr}.contact-container{grid-template-columns:1fr;gap:40px}.laptop-text{font-size:2rem}.social-links{grid-template-columns:repeat(2,1fr)}.contact-form-container{padding:30px 25px}.footer-grid{grid-template-columns:1fr;gap:40px}.main-footer{padding:50px 0 20px}.footer-social{justify-content:center}}@media (max-width: 576px){.hero-buttons{flex-direction:column}.cta-button{width:100%}}.projects-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:20px}.projects-overlay.show{opacity:1;visibility:visible}.projects-container{background:#ffffff0d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 50px #00000080;border-radius:20px;padding:40px;max-width:1100px;width:95%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.95);transition:transform .4s cubic-bezier(.4,0,.2,1)}.projects-overlay.show .projects-container{transform:scale(1)}.close-btn{position:absolute;top:25px;right:25px;background:#ffffff0d;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.1);color:#fffc;font-size:1.5rem;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn:hover{background:#ff3b3b33;color:#ff3b3b;border-color:#ff3b3b80;transform:rotate(90deg)}@media (max-width: 968px){.mobile-menu-toggle{display:block;background:none;border:none;color:#00aeff;font-size:1.8rem;cursor:pointer;z-index:1001}.main-header .desktop-nav{display:none}.mobile-nav{position:absolute;top:100%;left:0;width:100%;background:#0a0a14f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:20px;transform:translateY(-20px);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00000080}.main-header.mobile-menu-open .mobile-nav{transform:translateY(0);opacity:1;visibility:visible}.mobile-nav .nav-link{font-size:1.2rem;width:100%;text-align:center;padding:10px 0}.floating-menu{display:none!important}}#aboutOverlay .projects-container{background:#00aeff0d!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(0,174,255,.2)!important;box-shadow:0 0 40px #00aeff26!important;max-height:80vh!important;overflow-y:auto!important;border-radius:20px!important}#aboutOverlay .projects-container::-webkit-scrollbar{width:8px}#aboutOverlay .projects-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}#aboutOverlay .projects-container::-webkit-scrollbar-thumb{background:#00aeff80;border-radius:4px}#aboutOverlay .projects-container::-webkit-scrollbar-thumb:hover{background:#00aeffcc}.about-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:40px;padding:20px 10px 30px;scrollbar-width:thin;-ms-overflow-style:none;scroll-snap-type:x mandatory;justify-content:flex-start;width:100%;-webkit-overflow-scrolling:touch}.about-grid::-webkit-scrollbar{height:8px}.about-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.about-grid::-webkit-scrollbar-thumb{background:#00aeffcc;border-radius:4px}.about-card,#aboutOverlay .about-card{background:#ffffff14!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;padding:35px!important;transition:all .4s ease;min-width:320px;flex:0 0 350px;scroll-snap-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a;margin-right:10px}.about-card:hover,#aboutOverlay .about-card:hover{background:#ffffff1f!important;border-color:#00aeff99!important;transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #00aeff33}.projects-title{font-size:2.2rem;background:linear-gradient(45deg,#00aeff,#00c3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:30px;display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-title{transition:all .3s ease;display:inline-block}.footer-title:hover{color:#00aeff;text-shadow:0 0 10px rgba(0,174,255,.5);transform:translate(5px)}.about-overlay-content{padding:2rem;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto;text-align:left}.about-overlay-content p{margin-bottom:20px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.social-frame{background:var(--card-bg);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.social-frame:hover{transform:translateY(-10px);border-color:var(--accent-color, #00aeff);box-shadow:0 10px 30px #00aeff33;background:#ffffff0d}.social-frame img{width:80px;height:80px;object-fit:contain;border-radius:50%;margin-bottom:1.5rem;padding:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.social-frame h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.social-frame p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;flex-grow:1}.social-frame-btn{display:inline-block;padding:.8rem 2rem;border-radius:50px;background:linear-gradient(45deg,#00aeff,#00c3ff);color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #00aeff4d}.social-frame-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #00aeff80}.pub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.pub-card{background:var(--card-bg);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,border-color .3s ease;display:flex;flex-direction:column}.pub-card:hover{transform:translateY(-5px);border-color:var(--accent-color, #00aeff);box-shadow:0 10px 30px #0000004d}.pub-image{width:100%;height:220px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.1)}.pub-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.pub-title{font-size:1.4rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.pub-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;flex-grow:1}.pub-btn{align-self:flex-start;padding:.6rem 1.5rem;border:1px solid #00aeff;color:#00aeff;border-radius:8px;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.pub-btn:hover{background:#00aeff1a;transform:translateY(-2px)}@media (max-width: 768px){.contact-grid,.pub-grid{grid-template-columns:1fr;padding:1rem}.contact-card-content{flex-direction:column;text-align:center}.contact-card-text{padding-left:0;margin-top:1rem}}.contact-scroll-container{display:flex;flex-direction:column;gap:2rem;padding:2rem;max-width:900px;margin:0 auto}.contact-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;display:flex;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(50px)}.contact-card.visible{opacity:1;transform:translateY(0)}.contact-card:hover{background:#ffffff0f;border-color:var(--accent-color, #00aeff);box-shadow:0 10px 40px #0006;transform:translateY(-5px)}.contact-card-content{display:flex;flex-direction:row;align-items:center;width:100%}.contact-card img{width:100px;height:100px;object-fit:contain;border-radius:50%;background:#ffffff0d;padding:10px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.contact-card-text{padding-left:2rem;flex-grow:1;text-align:left}.contact-card h3{font-size:1.8rem;color:#fff;margin-bottom:.5rem}.contact-card p{color:#bbb;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.contact-card-btn{display:inline-block;padding:.8rem 2.5rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;background:linear-gradient(90deg,#00aeff,#00e676);color:#0b1120;box-shadow:0 4px 15px #00e6764d}.contact-card-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #00e67680}.contact-card i.large-icon{font-size:60px;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.contact-card i.fa-whatsapp.large-icon{color:#25d366;border-color:#25d366}.contact-card i.fa-envelope.large-icon{color:#ea4335;border-color:#ea4335}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--card-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d;border-radius:20px;padding:40px;margin-bottom:50px;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;overflow:hidden;position:relative}.split-section:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 50px #00aeff40;border-color:#00aeff99;background:#ffffff14}.split-content{padding:20px}.split-content h2{font-size:2rem;color:#00aeff;margin-bottom:15px}.split-content p{color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem}.clean-list{list-style:none;margin-bottom:25px}.clean-list li{margin-bottom:10px;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.clean-list li i{color:#00aeff}.cta-text{display:inline-flex;align-items:center;gap:10px;color:#00aeff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;opacity:.8;transition:opacity .3s}.split-section:hover .cta-text{opacity:1}.split-card{height:250px;border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .5s ease;box-shadow:0 10px 30px #0003}.split-section:hover .split-card{transform:scale(1.05) rotate(2deg);box-shadow:0 25px 60px #00000080}.websites-card-bg{background:linear-gradient(135deg,#0093e9,#80d0c7)}.certificates-card-bg{background:linear-gradient(135deg,#f09819,#edde5d)}.split-card .icon-container{font-size:5rem;color:#ffffffe6;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2));transition:transform .3s ease}.split-section:hover .split-card .icon-container{transform:scale(1.1) rotate(5deg)}.card-badge{position:absolute;bottom:20px;right:20px;background:#0009;color:#fff;padding:8px 15px;border-radius:50px;font-size:.9rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 768px){.split-section{grid-template-columns:1fr;text-align:center}.clean-list li{justify-content:center}.split-card{height:200px}}.animate-on-scroll{opacity:0;transition:all 1s cubic-bezier(.5,0,0,1);will-change:opacity,transform}.slide-from-left{transform:translate(-100px)}.slide-from-right{transform:translate(100px)}.animate-on-scroll.visible{opacity:1;transform:translate(0)}.projects-card-bg{background:linear-gradient(135deg,#ff9a9e,#fecfef 99%,#fecfef)}@media (max-width: 768px){.split-section{display:flex;flex-direction:column-reverse;text-align:center;padding:30px 20px}.split-content{padding:10px 0 0}.clean-list li{justify-content:center}.split-card{width:100%;height:220px}.slide-from-left,.slide-from-right{transform:translateY(30px)}}.pub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:20px 0}.pub-card{background:#ffffff0d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.pub-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d;border-color:#00aeff4d}.pub-image{width:100%;height:300px;object-fit:contain;background:#0000004d;transition:transform .5s ease}.pub-card:hover .pub-image{transform:scale(1.05)}.pub-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.pub-title{font-size:1.5rem;color:#fff;margin-bottom:10px;background:linear-gradient(45deg,#00aeff,#00c3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pub-desc{color:#ccc;font-size:.95rem;line-height:1.6;margin-bottom:20px;flex-grow:1}.pub-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,#00aeff,#07f);color:#fff;padding:12px 25px;border-radius:50px;text-decoration:none;font-weight:500;transition:all .3s ease;margin-top:auto}.pub-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #00aeff66}@media (max-width: 768px){.pub-grid{grid-template-columns:1fr}}.about-intro{font-size:1.2rem;color:var(--text-secondary);text-align:center;max-width:800px;margin:0 auto 40px;line-height:1.6}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.about-card{background:var(--card-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:35px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.about-card:hover{transform:translateY(-8px);background:#ffffff14;border-color:#00aeff66;box-shadow:0 15px 40px #0000004d}.about-card h3{font-size:1.5rem;margin:20px 0 15px;color:var(--text-primary);font-weight:600}.about-icon-container{font-size:2.5rem;color:#00aeff;margin-bottom:20px}.about-card p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.about-card:nth-child(1) .about-icon-container i{color:#00aeff}.about-card:nth-child(2) .about-icon-container i{color:#ff4757}.spin{animation:spin-slow 10s linear infinite}.pulse{animation:pulse-slow 3s infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-slow{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.about-footer-text{text-align:center;color:var(--text-secondary);font-size:.95rem;max-width:700px;margin:0 auto;font-style:italic}@media (max-width: 768px){.about-intro{font-size:1rem}}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:99999;pointer-events:none;display:none}@media (pointer: fine){.cursor-dot,.cursor-outline{display:block}}.cursor-dot{width:8px;height:8px;background-color:#00aeff;box-shadow:0 0 10px #00aeff;transition:width .2s,height .2s,background-color .2s}.cursor-outline{width:40px;height:40px;border:2px solid rgba(0,174,255,.5);transition:width .2s,height .2s,background-color .2s}body.hovering .cursor-outline{width:60px;height:60px;background-color:#00aeff1a;border-color:#00aeff}body.hovering .cursor-dot{width:12px;height:12px}.skills-overlay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:20px 0}.skills-category{margin-bottom:30px}.category-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.category-title i{color:#00aeff}.skill-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease;margin-bottom:15px}.skill-card:hover{background:#ffffff14;transform:translate(5px);border-color:#00aeff4d;box-shadow:0 5px 15px #0003}.skill-icon-box{width:50px;height:50px;background:#00aeff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#00aeff}.skill-info-box{flex-grow:1}.skill-info-box h4{color:var(--text-primary);font-size:1rem;margin-bottom:8px;font-weight:500}.skill-bar-container{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,#00aeff,#07f);border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1)}.skill-percentage{color:#00aeff;font-weight:600;font-size:.9rem}.skills-category:nth-child(2) .skill-icon-box{color:#ff4757;background:#ff47571a}.skills-category:nth-child(2) .skill-bar-fill{background:linear-gradient(90deg,#ff4757,#ff6b81)}.project-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:25px;margin-bottom:25px;transition:all .3s ease;display:flex;flex-direction:column}.project-content img{width:100%;height:200px;object-fit:cover;border-radius:10px;box-shadow:0 5px 15px #0000004d;transition:transform .3s ease}.tech-stack span{background:#00aeff1a;color:#00aeff;padding:5px 12px;border-radius:15px;font-size:.85rem;border:1px solid rgba(0,174,255,.3)}.skill-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;margin-top:10px;overflow:hidden}.skill-bar-fill{height:100%;background:#00aeff;border-radius:4px;transition:width 1s ease-in-out}.blur-content{filter:blur(5px);transition:filter .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.glass{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e}.glass-dark{background:#0a1628b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,174,255,.1)}.spring-hover{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.spring-hover:hover{transform:translateY(-5px)}.contact-scroll-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;width:100%;padding:20px 0}.contact-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:25px;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.contact-card:hover{background:#ffffff14;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#00aeff4d}.contact-card-content{display:flex;gap:20px;align-items:flex-start}.contact-card-content img{width:60px;height:60px;object-fit:contain;border-radius:10px;background:#ffffff0d;padding:5px}.contact-card-content i.large-icon{font-size:3rem;color:#00aeff;width:60px;text-align:center}.contact-card-text{flex:1}.contact-card-text h3{font-size:1.3rem;color:#fff;margin-bottom:8px;font-weight:600}.contact-card-text p{font-size:.9rem;color:var(--text-secondary);margin-bottom:15px;line-height:1.5}.contact-card-btn{display:inline-block;padding:8px 16px;background:#00aeff1a;color:#00aeff;border:1px solid rgba(0,174,255,.3);border-radius:20px;text-decoration:none;font-size:.85rem;font-weight:600;transition:all .3s ease;margin-top:auto}.contact-card-btn:hover{background:#00aeff;color:#fff;box-shadow:0 5px 15px #00aeff4d;transform:translateY(-2px)}.matrix-mode{--bg-gradient: #0D0208 !important;--text-primary: #00ff41 !important;--text-secondary: rgba(0, 255, 65, .8) !important;--header-bg: rgba(0, 0, 0, .95) !important;--card-bg: rgba(0, 255, 65, .05) !important;--border-color: #008F11 !important;--accent-color: #00ff41 !important;--shadow-color: rgba(0, 255, 65, .4) !important;font-family:Courier New,monospace!important}.matrix-mode body{background:#000!important}.matrix-mode *{border-radius:0!important;font-family:Courier New,monospace!important}.matrix-mode ::selection{background:#00ff41;color:#000}.hero-image.spline-wrapper{width:600px;height:500px;background:transparent;border:none;box-shadow:none;animation:floatSlow 6s ease-in-out infinite;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;background:url(assets/images/profile-photo.jpg.jpg) no-repeat center bottom;background-size:contain}spline-viewer{width:100%;height:100%}@media (max-width: 992px){.hero-image.spline-wrapper{width:100%;max-width:500px;height:400px;margin:0 auto}}@media (max-width: 480px){.hero-image.spline-wrapper{height:350px;background-size:contain;background-position:center bottom}}.light-theme .contact-card h3,.light-theme .contact-card-text h3,.light-theme .project-description,.light-theme .project-info p,.light-theme .contact-card p,.light-theme .about-me,.light-theme .email,.light-theme .expertise-badge span,.light-theme .about-card h3,.light-theme .about-card p,.light-theme .category-title,.light-theme .skill-info-box h4,.light-theme .pub-desc,.light-theme #terminal-output,.light-theme .detail-tagline,.light-theme .detail-section-content,.light-theme .social-link.twitter i{color:var(--text-primary)!important}.light-theme .global-preloader,.light-theme .page-loader{background:var(--bg-gradient)!important}.light-theme .mobile-nav,.light-theme .main-header,.light-theme .projects-overlay{background:var(--header-bg)!important}.light-theme .form-input,.light-theme .form-textarea,.light-theme .contact-form,.light-theme #terminal-input{background:#0000000d;color:var(--text-primary);border:1px solid rgba(0,0,0,.1)}.apps-showcase-section{padding:90px 20px;background:linear-gradient(180deg,#050f1e00,#003c2814,#050f1e00);position:relative;overflow:hidden}.apps-showcase-section:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(ellipse,rgba(0,255,150,.04) 0%,transparent 70%);pointer-events:none}.apps-section-header{display:flex;align-items:center;gap:24px;margin-bottom:50px;flex-wrap:wrap}.apps-section-icon{width:64px;height:64px;background:linear-gradient(135deg,#00ff96,#00aeff);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#0a1628;flex-shrink:0;box-shadow:0 0 30px #00ff9666}.apps-section-text h2{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#00ff96,#00aeff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.apps-section-text p{color:var(--text-secondary, #a0a0a0);font-size:1rem}.apps-view-all-btn{margin-left:auto;padding:12px 28px;background:linear-gradient(135deg,#00ff9626,#00aeff26);border:1px solid rgba(0,255,150,.4);border-radius:50px;color:#00ff96;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;display:flex;align-items:center;gap:8px}.apps-view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00ff964d;background:linear-gradient(135deg,#00ff9640,#00aeff40)}.apps-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.app-card{position:relative;border-radius:24px;padding:32px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;cursor:default}.app-card:hover{transform:translateY(-8px);will-change:transform}.app-card__glow{position:absolute;width:250px;height:250px;border-radius:50%;top:-80px;right:-80px;opacity:.12;pointer-events:none;transition:opacity .4s ease}.app-card:hover .app-card__glow{opacity:.22}.app-card--eco{background:linear-gradient(145deg,#001e14f2,#00140ffa);border:1.5px solid rgba(0,255,150,.3);box-shadow:0 4px 30px #00ff9614}.app-card--eco:hover{border-color:#00ff9699;box-shadow:0 12px 50px #00ff9633}.app-card--eco .app-card__glow{background:radial-gradient(circle,#00ff96,transparent)}.app-card--billorax{background:linear-gradient(145deg,#1e0f00f2,#140a00fa);border:1.5px solid rgba(255,140,0,.3);box-shadow:0 4px 30px #ff8c0014}.app-card--billorax:hover{border-color:#ff8c0099;box-shadow:0 12px 50px #ff8c0033}.app-card--billorax .app-card__glow{background:radial-gradient(circle,#ff8c00,transparent)}.app-card__header{display:flex;align-items:center;gap:16px;margin-bottom:18px}.app-card__icon{width:56px;height:56px;border-radius:16px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.6rem}.app-card--eco .app-card__icon{background:linear-gradient(135deg,#00ff96,#00c3ff);color:#0a1628}.app-card--billorax .app-card__icon{background:linear-gradient(135deg,#ff8c00,#ff4500);color:#fff}.app-card__icon img{width:100%;height:100%;object-fit:cover}.app-card__meta h3{font-size:1.4rem;font-weight:700;margin-bottom:4px}.app-card--eco .app-card__meta h3{color:#00ff96}.app-card--billorax .app-card__meta h3{color:#ff8c00}.app-platform-badge{font-size:.78rem;color:#ffffff8c;display:flex;align-items:center;gap:5px}.app-card__status{margin-left:auto;padding:5px 14px;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.5px;background:#00ff9626;color:#00ff96;border:1px solid rgba(0,255,150,.4)}.app-card__status--orange{background:#ff8c0026;color:#ff8c00;border-color:#ff8c0066}.app-card__desc{color:var(--text-secondary, #a0a0a0);font-size:.93rem;line-height:1.7;margin-bottom:18px}.app-tech-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.app-tech-pills span{padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:600}.app-card--eco .app-tech-pills span{background:#00ff961a;color:#00ff96;border:1px solid rgba(0,255,150,.25)}.app-card--billorax .app-tech-pills span{background:#ff8c001a;color:#ff8c00;border:1px solid rgba(255,140,0,.25)}.app-card__stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.app-stat{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#ffffff80}.app-card--eco .app-stat i{color:#00ff96}.app-card--billorax .app-stat i{color:#ff8c00}.app-card__actions{display:flex;gap:12px}.app-download-btn{flex:1;padding:12px 20px;border-radius:12px;text-decoration:none;font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00ff96,#00c3ff);color:#0a1628;transition:transform .25s ease,box-shadow .25s ease}.app-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ff9666}.app-download-btn--orange{background:linear-gradient(135deg,#ff8c00,#ff4500);color:#fff}.app-download-btn--orange:hover{box-shadow:0 6px 20px #ff8c0073}.app-github-btn{padding:12px 20px;border-radius:12px;text-decoration:none;font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:8px;background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.12);transition:transform .25s ease,background .25s ease}.app-github-btn:hover{background:#ffffff1f;transform:translateY(-2px)}.apps-overlay-subtitle{text-align:center;color:var(--text-secondary, #a0a0a0);margin-bottom:40px;font-size:1.05rem}.apps-overlay-grid{display:flex;flex-direction:column;gap:40px}.apps-detail-card{border-radius:24px;padding:40px;position:relative;overflow:hidden}.apps-detail--eco{background:linear-gradient(145deg,#00ff960f,#00c3ff0a);border:1.5px solid rgba(0,255,150,.25)}.apps-detail--billorax{background:linear-gradient(145deg,#ff8c000f,#ff45000a);border:1.5px solid rgba(255,140,0,.25)}.apps-detail-top{display:flex;align-items:flex-start;gap:24px;margin-bottom:20px;flex-wrap:wrap}.apps-detail-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.apps-icon--eco{background:linear-gradient(135deg,#00ff96,#00c3ff);color:#0a1628;box-shadow:0 0 30px #00ff9659}.apps-icon--billorax{background:linear-gradient(135deg,#ff8c00,#ff4500);color:#fff;box-shadow:0 0 30px #ff8c0059}.apps-detail-top h2{font-size:1.8rem;font-weight:700;margin-bottom:6px}.apps-detail--eco h2{color:#00ff96}.apps-detail--billorax h2{color:#ff8c00}.apps-detail-tagline{color:var(--text-secondary, #a0a0a0);font-size:.95rem;margin-bottom:12px}.apps-detail-badges{display:flex;flex-wrap:wrap;gap:8px}.adb{padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:5px}.adb--green{background:#00c86426;color:#00c864;border:1px solid rgba(0,200,100,.3)}.adb--blue{background:#0096ff26;color:#00aeff;border:1px solid rgba(0,150,255,.3)}.adb--purple{background:#9650ff26;color:#a855f7;border:1px solid rgba(150,80,255,.3)}.adb--teal{background:#00c8c826;color:#00d4d4;border:1px solid rgba(0,200,200,.3)}.adb--orange{background:#ff8c0026;color:#ff8c00;border:1px solid rgba(255,140,0,.3)}.adb--live{background:#00ff5026;color:#00ff50;border:1px solid rgba(0,255,80,.3)}.apps-detail-desc{color:var(--text-secondary, #a0a0a0);line-height:1.8;margin-bottom:30px;font-size:.97rem}.apps-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:28px}.apps-feature-item{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);transition:background .25s ease}.apps-feature-item:hover{background:#ffffff0f}.apps-feature-item>i{font-size:1.3rem;margin-top:2px;flex-shrink:0}.apps-detail--eco .apps-feature-item>i{color:#00ff96}.apps-detail--billorax .apps-feature-item>i{color:#ff8c00}.apps-feature-item strong{display:block;font-size:.9rem;color:var(--text-primary, #fff);margin-bottom:3px}.apps-feature-item p{font-size:.8rem;color:var(--text-secondary, #a0a0a0);margin:0;line-height:1.5}.apps-tech-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.apps-tech-row span{padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px}.apps-detail--eco .apps-tech-row span{background:#00ff961a;color:#00ff96;border:1px solid rgba(0,255,150,.2)}.apps-detail--billorax .apps-tech-row span{background:#ff8c001a;color:#ff8c00;border:1px solid rgba(255,140,0,.2)}.apps-detail-actions{display:flex;gap:14px;flex-wrap:wrap}.apps-dl-btn{padding:13px 26px;border-radius:12px;text-decoration:none;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:8px;transition:transform .25s ease,box-shadow .25s ease}.apps-dl-btn--eco{background:linear-gradient(135deg,#00ff96,#00c3ff);color:#0a1628}.apps-dl-btn--eco:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00ff9666}.apps-dl-btn--billorax{background:linear-gradient(135deg,#ff8c00,#ff4500);color:#fff}.apps-dl-btn--billorax:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff8c0066}.apps-dl-btn--ghost{background:#ffffff0f;color:#ffffffbf;border:1px solid rgba(255,255,255,.14)}.apps-dl-btn--ghost:hover{background:#ffffff1f;transform:translateY(-3px)}.light-theme .apps-showcase-section{background:linear-gradient(180deg,#f0fff800,#d2faeb26,#f0fff800)}.light-theme .app-card--eco{background:linear-gradient(145deg,#dcfff0e6,#d2faebf2);border-color:#00c87859}.light-theme .app-card--billorax{background:linear-gradient(145deg,#fff5e1e6,#ffebd2f2);border-color:#dc780059}.light-theme .app-card__desc,.light-theme .app-stat,.light-theme .apps-detail-tagline,.light-theme .apps-detail-desc,.light-theme .apps-feature-item p{color:#555}.light-theme .app-card__meta h3,.light-theme .app-card--eco .app-tech-pills span{color:#008850}.light-theme .app-card--billorax .app-card__meta h3,.light-theme .app-card--billorax .app-tech-pills span{color:#b85500}.light-theme .app-github-btn{background:#0000000d;color:#444;border-color:#0000001f}@media (max-width: 900px){.apps-cards-grid{grid-template-columns:1fr}.apps-section-header{flex-direction:column;align-items:flex-start}.apps-view-all-btn{margin-left:0}.apps-detail-card{padding:24px}.apps-features-grid{grid-template-columns:1fr}}@media (max-width: 600px){.app-card{padding:22px}.apps-detail-actions{flex-direction:column}.apps-dl-btn,.app-download-btn,.app-github-btn{justify-content:center}}.projects-overlay{contain:layout style}#tech-canvas{transform:translateZ(0);will-change:auto}.stagger-reveal{opacity:0;transform:translateY(25px);transition:opacity .45s ease,transform .45s ease;will-change:transform,opacity}.project-card,.pub-card,.fav-website-item,.about-card,.contact-card,.app-card,.expertise-badge,.cta-button,.social-link{will-change:transform;transform:translateZ(0)}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:radial-gradient(800px circle at var(--mouse-x, 0px) var(--mouse-y, 0px),rgba(0,174,255,.09),transparent 40%);z-index:1;pointer-events:none;opacity:0;transition:opacity .4s ease}.spotlight-card:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:inherit;background:radial-gradient(350px circle at var(--mouse-x, 0px) var(--mouse-y, 0px),rgba(0,174,255,.28),transparent 60%);z-index:0;pointer-events:none;opacity:0;transition:opacity .4s ease;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.spotlight-card:hover:before,.spotlight-card:hover:after{opacity:1}.performance-saver *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.performance-saver #tech-canvas{display:none!important}.performance-saver .spotlight-card:before,.performance-saver .spotlight-card:after{display:none!important}.projects-filter-bar{display:flex;justify-content:center;align-items:center;gap:12px;margin:25px 0 35px;flex-wrap:wrap;position:relative;z-index:10}.filter-btn{background:#ffffff0d;border:1px solid rgba(0,174,255,.2);color:#ffffffd9;padding:8px 18px;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.filter-btn:hover{background:#00aeff1a;border-color:#00aeff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00aeff33}.filter-btn.active{background:linear-gradient(135deg,#00aeff,#07f);border-color:#00aeff;color:#fff;box-shadow:0 4px 15px #00aeff4d}.project-card{opacity:1;transform:scale(1) translateY(0);transition:opacity .3s ease,transform .3s ease}.project-card.fade-out{opacity:0;transform:scale(.95) translateY(8px);pointer-events:none}.project-card.fade-in{animation:cardFadeIn .4s cubic-bezier(.25,.8,.25,1) forwards}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.captcha-shake{animation:captchaShake .4s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);border-color:#ff4757!important;box-shadow:0 0 12px #ff475759!important}@keyframes captchaShake{10%,90%{transform:translate3d(-1.5px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-4.5px,0,0)}40%,60%{transform:translate3d(4.5px,0,0)}}.captcha-error-text{color:#ff4757;font-size:.85rem;font-weight:500;margin-top:8px;display:flex;align-items:center;gap:6px;animation:fadeIn .3s ease}.scroll-top-btn{position:fixed;bottom:30px;right:30px;background:#00aeff33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,174,255,.5);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:1.2rem;z-index:1000;opacity:0;visibility:hidden;transition:all .4s ease;box-shadow:0 5px 15px #00aeff4d;transform:translateY(20px)}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{background:#00aeff;color:#fff;transform:translateY(-5px);box-shadow:0 8px 25px #00aeff80}#projectsList,#websitesList,.websites-grid,.pub-grid{display:flex;flex-direction:column;gap:30px;width:100%}@media (max-width: 768px){#projectsList,#websitesList,.fav-websites-grid,.websites-grid,.pub-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:visible!important;gap:20px;padding:15px 5px 30px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y!important;scrollbar-width:thin;-ms-overflow-style:auto}#projectsList::-webkit-scrollbar,#websitesList::-webkit-scrollbar,.fav-websites-grid::-webkit-scrollbar,.websites-grid::-webkit-scrollbar,.pub-grid::-webkit-scrollbar{display:block;height:6px;background:#ffffff0d;border-radius:4px}#projectsList::-webkit-scrollbar-thumb,#websitesList::-webkit-scrollbar-thumb,.fav-websites-grid::-webkit-scrollbar-thumb,.websites-grid::-webkit-scrollbar-thumb,.pub-grid::-webkit-scrollbar-thumb{background:#00aeff80;border-radius:4px}#projectsList .project-card,#websitesList .project-card,.fav-websites-grid .fav-website-item,.websites-grid .website-card,.pub-grid .pub-card{min-width:85vw!important;max-width:85vw!important;flex:0 0 auto!important}}.project-card,.website-card,.pub-card,.about-card,.contact-card,.expertise-badges .expertise-badge,.skill-card,.cert-card{background:#ffffff08!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px;transition:all .3s ease;transform-style:preserve-3d}.project-card .project-info,.project-card img,.website-card .website-content,.about-card h4,.about-card p{transform:translateZ(30px);transition:transform .3s ease}.project-card:hover .project-info,.project-card:hover img{transform:translateZ(50px)}.project-card:hover,.website-card:hover,.pub-card:hover,.about-card:hover,.contact-card:hover,.skill-card:hover,.cert-card:hover{border-color:#00aeff80!important;box-shadow:0 0 25px #00aeff40,0 10px 40px #0000004d!important;transform:translateY(-8px) scale(1.01)}.projects-container,.websites-section,.certificates-section,.about-container{max-width:100%;overflow-x:visible!important;box-sizing:border-box}@media (max-width: 768px){.projects-container{padding:20px 10px!important}.projects-title{font-size:1.5rem!important;text-align:center}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll:nth-child(1){transition-delay:.1s}.animate-on-scroll:nth-child(2){transition-delay:.2s}.animate-on-scroll:nth-child(3){transition-delay:.3s}.animate-on-scroll:nth-child(4){transition-delay:.4s}.animate-on-scroll:nth-child(5){transition-delay:.5s}.animate-on-scroll:nth-child(6){transition-delay:.6s}#fullstackOverlay,#cybersecurityOverlay,#projectsOverlay,#publicationsOverlay,#contactOverlay,#aboutOverlay{z-index:999999!important}#fullstackOverlay.show,#cybersecurityOverlay.show,#projectsOverlay.show,#publicationsOverlay.show,#contactOverlay.show,#aboutOverlay.show{opacity:1!important;visibility:visible!important}.gradient-text{background:linear-gradient(90deg,#00aeff,#07f,#00d4ff,#00aeff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientFlow 4s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-text h1,.section-title .title-line{background:linear-gradient(90deg,#00aeff,#07f,#00d4ff,#00aeff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientFlow 4s ease infinite}.tilt-effect{transform-style:preserve-3d;transition:transform .3s ease}.project-card,.pub-card,.fav-website-item,.about-card,.contact-card{transform-style:preserve-3d;transition:transform .4s ease,box-shadow .4s ease}.scroll-progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#00aeff,#07f);z-index:99999;transition:width .1s ease-out;box-shadow:0 0 10px #00aeff80}.stagger-reveal{opacity:0;transform:translateY(40px);transition:opacity .6s ease-out,transform .6s ease-out}.stagger-reveal.visible{opacity:1;transform:translateY(0)}.stagger-reveal:nth-child(1){transition-delay:.1s}.stagger-reveal:nth-child(2){transition-delay:.2s}.stagger-reveal:nth-child(3){transition-delay:.3s}.stagger-reveal:nth-child(4){transition-delay:.4s}.stagger-reveal:nth-child(5){transition-delay:.5s}.stagger-reveal:nth-child(6){transition-delay:.6s}.stagger-reveal:nth-child(7){transition-delay:.7s}.stagger-reveal:nth-child(8){transition-delay:.8s}.parallax-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.parallax-slow{transform:translateY(0);transition:transform .1s ease-out}.ripple-btn{position:relative;overflow:hidden}.ripple-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;opacity:0}.ripple-btn.rippling:after{width:300px;height:300px;opacity:0}.cta-button,.project-link,.pub-btn,.fav-btn,.contact-card-btn,.social-link{position:relative;overflow:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(2deg)}}.float-effect{animation:float 3s ease-in-out infinite}.float-slow,.hero-image img{animation:floatSlow 4s ease-in-out infinite}.icon-container i,.fav-star i{animation:float 2.5s ease-in-out infinite}.card-badge{animation:float 3s ease-in-out infinite;animation-delay:.5s}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;display:flex;justify-content:center;align-items:center;z-index:999999;transition:opacity .5s ease,visibility .5s ease}.page-loader.hidden{opacity:0;visibility:hidden}.loader-content{text-align:center}.loader-logo{font-size:4rem;font-weight:700;background:linear-gradient(90deg,#00aeff,#07f);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.loader-bar{width:200px;height:4px;background:#ffffff1a;border-radius:2px;margin:20px auto 0;overflow:hidden}.loader-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,#00aeff,#07f);border-radius:2px;animation:loadingBar 1.5s ease-in-out forwards}@keyframes loadingBar{0%{width:0%}to{width:100%}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00aeff4d}50%{box-shadow:0 0 40px #00aeff99}}.glow-on-hover:hover{animation:glowPulse 1.5s ease-in-out infinite}.animated-underline{position:relative}.animated-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:2px;background:linear-gradient(90deg,#00aeff,#07f);transition:width .3s ease}.animated-underline:hover:after{width:100%}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:2px;background:linear-gradient(90deg,#00aeff,#07f);transition:width .3s ease}.nav-link:hover:after{width:100%}.scale-hover{transition:transform .3s ease,box-shadow .3s ease}.scale-hover:hover{transform:scale(1.03)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.github-stats-section{padding:80px 0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 100%)}.github-stats-container{max-width:1200px;margin:0 auto}.github-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.github-stat-card{background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;transition:all .3s ease;overflow:hidden}.github-stat-card:hover{border-color:#00aeff80;box-shadow:0 0 30px #00aeff33;transform:translateY(-5px)}.github-stat-card img{width:100%;height:auto;display:block}.contribution-graph{background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;overflow:hidden}.contribution-graph img{width:100%;height:auto;display:block}.github-calendar-section{margin-top:30px;background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:25px}.github-calendar-section h3{color:#00aeff;font-size:1.3rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.github-calendar-section h3 i{font-size:1.2rem}.calendar{color:#fff}.calendar-note{color:#888;font-size:.85rem;margin-bottom:15px}.github-heatmap-img{width:100%;height:auto;display:block;border-radius:8px}.calendar .contrib-legend{color:#aaa}.calendar .text-muted{color:#888!important}.calendar .day{background:#ffffff1a;outline:none}.calendar rect.ContributionCalendar-day[data-level="1"]{fill:#0e4429}.calendar rect.ContributionCalendar-day[data-level="2"]{fill:#006d32}.calendar rect.ContributionCalendar-day[data-level="3"]{fill:#26a641}.calendar rect.ContributionCalendar-day[data-level="4"]{fill:#39d353}@media (max-width: 992px){.github-stats-grid{grid-template-columns:1fr}}.skills-progress-section{padding:80px 0}.skills-progress-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}.skill-category{background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;transition:all .3s ease}.skill-category:hover{border-color:#00aeff4d;box-shadow:0 0 30px #00aeff1a}.skill-category h3{font-size:1.3rem;color:#00aeff;margin-bottom:25px;display:flex;align-items:center;gap:10px}.skill-category h3 i{font-size:1.2rem}.skill-bar-wrapper{margin-bottom:20px}.skill-bar-wrapper:last-child{margin-bottom:0}.skill-info{display:flex;justify-content:space-between;margin-bottom:8px}.skill-name{color:#fff;font-size:.95rem;font-weight:500}.skill-percent{color:#00aeff;font-size:.9rem;font-weight:600}.skill-bar{height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;position:relative}.skill-progress{height:100%;width:0%;background:linear-gradient(90deg,var(--progress-color),var(--progress-color));border-radius:5px;position:relative;transition:width 1.5s ease-out}.skill-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skill-progress.animated{width:var(--progress-width)}@media (max-width: 992px){.skills-progress-container{grid-template-columns:1fr}}@media (max-width: 768px){.github-stats-section,.skills-progress-section{padding:50px 0}.skill-category{padding:20px}.skill-category h3{font-size:1.1rem}}.hire-me-section{padding:80px 0}.hire-me-card{background:linear-gradient(135deg,#00aeff14,#0077ff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,174,255,.3);border-radius:24px;padding:50px;position:relative;overflow:hidden;max-width:900px;margin:0 auto;transition:all .4s ease}.hire-me-card:hover{border-color:#00aeff80;box-shadow:0 0 50px #00aeff33;transform:translateY(-5px)}.hire-me-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,174,255,.1) 0%,transparent 60%);animation:glowRotate 10s linear infinite;pointer-events:none}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hire-me-badge{position:absolute;top:25px;right:25px;display:flex;align-items:center;gap:10px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:30px;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #10b98166}.pulse-dot{width:10px;height:10px;background:#fff;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.hire-me-content{position:relative;z-index:1}.hire-me-content h2{font-size:2rem;color:#00aeff;margin-bottom:25px;display:flex;align-items:center;gap:15px}.hire-me-content h2 i{font-size:1.8rem}.hire-me-message{margin-bottom:30px}.hire-me-message p{color:#ccc;font-size:1.1rem;line-height:1.8;margin-bottom:15px}.hire-me-message strong{color:#fff}.hire-me-message .signature{color:#00aeff;font-weight:600;font-size:1.2rem;margin-top:20px}.hire-me-cta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.hire-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1rem}.hire-btn.primary{background:linear-gradient(135deg,#00aeff,#07f);color:#fff}.hire-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00aeff66}.hire-btn.secondary{background:#0077b5;color:#fff}.hire-btn.secondary:hover{background:#005582;transform:translateY(-3px)}.hire-btn.coding-profile{background:linear-gradient(135deg,#ffa116,#ff8c00);color:#fff}.hire-btn.coding-profile:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ffa11666}.hire-btn.outline{background:transparent;color:#00aeff;border:2px solid #00aeff}.hire-btn.outline:hover{background:#00aeff1a;transform:translateY(-3px)}.hire-me-tags{display:flex;flex-wrap:wrap;gap:10px}.hire-me-tags span{padding:8px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#aaa;font-size:.85rem;transition:all .3s ease}.hire-me-tags span:hover{background:#00aeff26;border-color:#00aeff4d;color:#00aeff}@media (max-width: 768px){.hire-me-section{padding:50px 0}.hire-me-card{padding:30px 20px;border-radius:16px}.hire-me-badge{position:relative;top:0;right:0;margin-bottom:20px;display:inline-flex}.hire-me-content h2{font-size:1.5rem;flex-wrap:wrap}.hire-me-message p{font-size:1rem}.hire-me-cta{flex-direction:column}.hire-btn{justify-content:center;width:100%}}body.scroll-locked{overflow:hidden!important}.projects-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#0a1628fa!important;z-index:2147483647!important;display:none;justify-content:center!important;align-items:flex-start!important;overflow-y:auto!important;padding:20px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .3s ease,visibility .3s ease!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.projects-overlay.show{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.projects-overlay.show .projects-container{opacity:1!important;visibility:visible!important;transform:scale(1)!important;display:block!important}.projects-container{background:var(--header-bg, #0a1628);width:100%;max-width:1000px;border-radius:20px;padding:40px;border:1px solid rgba(0,174,255,.2);box-shadow:0 0 50px #00aeff1a;position:relative;max-height:90vh;overflow-y:auto;margin:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-gutter:stable}.close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.close-btn:hover{background:#ff4757;transform:rotate(90deg)}.projects-title{font-size:2rem;color:#fff;margin-bottom:30px;display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.project-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:25px;margin-bottom:25px;transition:all .3s ease;display:flex;flex-direction:column;opacity:1!important;visibility:visible!important}.project-card:hover{background:#ffffff12;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#00aeff4d}.project-content{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:start}@media (max-width: 768px){.project-content{grid-template-columns:1fr}}.project-content img{width:100%;height:200px;border-radius:10px;box-shadow:0 5px 15px #0000004d;transition:transform .3s ease;display:block}.project-card:hover img{transform:scale(1.02)}.project-info h3{font-size:1.5rem;color:#fff;margin-bottom:10px}.light-theme .project-info h3{color:#333}.project-info p{color:var(--text-secondary);line-height:1.6;margin-bottom:15px;font-size:.95rem}.badge{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.lead{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.5)}.badge.current{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.5)}.tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tech-stack span{background:#00aeff1a;color:#00aeff;padding:5px 12px;border-radius:15px;font-size:.85rem;border:1px solid rgba(0,174,255,.3);color:#fff}.project-buttons{display:flex;gap:15px}.project-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:500;transition:all .3s ease;font-size:.95rem}.project-link.primary{background:linear-gradient(45deg,#00aeff,#08c);color:#fff;box-shadow:0 5px 15px #00aeff4d}.project-link.secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.project-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.project-link.secondary:hover{border-color:#00aeff;color:#00aeff}.pub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;padding:10px 0}.pub-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:15px;transition:all .3s ease}.pub-card:hover{background:#ffffff12;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#00aeff4d}.pub-image{width:100%;height:180px;object-fit:cover;border-radius:10px;background:#0003}.pub-content{display:flex;flex-direction:column;gap:10px;flex-grow:1}.pub-title{font-size:1.2rem;color:#fff;line-height:1.4}.light-theme .pub-title{color:#333}.pub-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;flex-grow:1}.pub-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#00aeff1a;color:#00aeff;border:1px solid rgba(0,174,255,.3);border-radius:20px;text-decoration:none;font-size:.9rem;align-self:flex-start;transition:all .3s ease;margin-top:10px}.pub-btn:hover{background:#00aeff;color:#fff;box-shadow:0 5px 15px #00aeff4d}.cert-section{display:none;animation:fadeIn .4s ease}.cert-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.expertise-badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.fullstack-badge{background:#ffffff08;border:1px solid rgba(0,174,255,.2);border-radius:20px;padding:30px;text-align:center;cursor:pointer;position:relative;z-index:99999!important;pointer-events:all!important;overflow:hidden;transition:all .4s ease;display:flex;flex-direction:column;align-items:center;gap:15px}.fullstack-badge:hover{transform:translateY(-5px);background:#00aeff1a;box-shadow:0 10px 30px #00aeff33;border-color:#00aeff}.fullstack-badge i{font-size:3rem;color:#00aeff;margin-bottom:10px}.fullstack-badge h3{font-size:1.5rem;color:#fff;margin:0}.fullstack-badge p{color:var(--text-secondary);font-size:.95rem;margin:0}.click-hint{margin-top:15px;font-size:.8rem;color:#00aeff;opacity:.7;text-transform:uppercase;letter-spacing:1px}.cybersecurity-badge{border-color:#ff475733}.cybersecurity-badge i{color:#ff4757}.cybersecurity-badge:hover{background:#ff47571a;box-shadow:0 10px 30px #ff475733;border-color:#ff4757}.contact-scroll-container{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:25px!important;width:100%!important;padding:20px 0!important;overscroll-behavior:contain}.contact-card{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:15px!important;padding:25px!important;display:flex!important;flex-direction:column!important;position:relative!important;overflow:hidden!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;visibility:visible!important;opacity:1!important}.contact-card:hover{background:#ffffff14!important;transform:translateY(-5px)!important;border-color:#00aeff4d!important}.contact-card-content{display:flex!important;gap:20px!important;align-items:flex-start!important}.contact-card-content img{width:60px!important;height:60px!important;object-fit:contain!important;display:block!important;background:#ffffff0d!important;padding:5px!important;border-radius:10px!important}.contact-card-text h3{font-size:1.3rem!important;color:#fff!important;margin-bottom:8px!important}.contact-card-text p{font-size:.9rem!important;color:var(--text-secondary)!important;margin-bottom:15px!important}.contact-card-btn{display:inline-block!important;padding:8px 16px!important;background:#00aeff1a!important;color:#00aeff!important;border:1px solid rgba(0,174,255,.3)!important;border-radius:20px!important;text-decoration:none!important}@media (max-width: 768px){.about-cards-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:15px!important;padding:10px 5px 20px!important;-webkit-overflow-scrolling:touch!important}.about-cards-grid::-webkit-scrollbar{display:none!important}.about-card{min-width:280px!important;max-width:280px!important;flex:0 0 auto!important;scroll-snap-align:start!important;padding:15px!important}.about-card h4{font-size:1rem!important;margin-bottom:8px!important}.about-card p{font-size:.85rem!important;line-height:1.5!important}.skills-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:15px!important;padding:10px 5px 20px!important;-webkit-overflow-scrolling:touch!important}.skills-grid::-webkit-scrollbar{display:none!important}.skill-item{min-width:280px!important;max-width:280px!important;flex:0 0 auto!important;scroll-snap-align:start!important}.hire-me-section{padding:30px 0!important}.hire-me-card{padding:20px 15px!important;border-radius:16px!important}.hire-me-badge{position:relative!important;top:0!important;right:0!important;margin-bottom:15px!important;display:inline-flex!important;font-size:.8rem!important;padding:8px 14px!important}.hire-me-content h2{font-size:1.2rem!important;margin-bottom:15px!important}.hire-me-content h2 i{font-size:1.1rem!important}.hire-me-message{margin-bottom:15px!important}.hire-me-message p{font-size:.85rem!important;line-height:1.5!important;margin-bottom:8px!important}.hire-me-message .signature{font-size:.95rem!important;margin-top:10px!important}.hire-me-cta{gap:8px!important;margin-bottom:15px!important}.hire-btn{padding:10px 14px!important;font-size:.8rem!important}.hire-me-tags{gap:6px!important}.hire-me-tags span{padding:5px 10px!important;font-size:.7rem!important}footer,.footer-section,.site-footer{padding:25px 0 10px!important}.footer-content{gap:20px!important}.footer-col{margin-bottom:0!important}.footer-col h3{font-size:1rem!important;margin-bottom:8px!important}.footer-col p,.footer-col li,.footer-col a{font-size:.8rem!important;line-height:1.4!important}.footer-col ul{gap:5px!important}.footer-col li{margin-bottom:5px!important}.footer-bottom{padding-top:10px!important;margin-top:15px!important}.footer-bottom p{font-size:.75rem!important}.github-stats-section{padding:30px 0!important}.github-stat-card{padding:10px!important}.github-calendar-section{padding:15px!important;margin-top:15px!important}.github-calendar-section h3{font-size:1rem!important;margin-bottom:10px!important}.contribution-graph{padding:10px!important}section{padding:40px 0!important}.section-title{margin-bottom:20px!important}.section-title .title-line{font-size:1.3rem!important}}@media (max-width: 480px){.about-card{min-width:250px!important;max-width:250px!important}.hire-me-card{padding:15px 12px!important}.hire-me-content h2{font-size:1.1rem!important}.hire-me-message p{font-size:.8rem!important}.hire-btn{padding:8px 10px!important;font-size:.75rem!important}.hire-me-tags span{padding:4px 8px!important;font-size:.65rem!important}}.skills-category{max-width:1200px;margin:0 auto;padding:0 20px}.skills-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:25px!important;width:100%!important;align-items:stretch!important}.skill-item{background:#ffffff08!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(0,174,255,.2)!important;border-radius:16px!important;padding:25px!important;display:flex!important;flex-direction:column!important;transition:all .3s ease!important}.skill-item:hover{border-color:#00aeff80!important;box-shadow:0 0 30px #00aeff26!important;transform:translateY(-3px)!important}.skill-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:15px!important}.skill-info{display:flex!important;align-items:center!important;gap:12px!important}.skill-info i{font-size:1.5rem!important;color:#00aeff!important}.skill-name{font-size:1.1rem!important;font-weight:600!important;color:#fff!important}.skill-percent{color:#00aeff!important;font-weight:700!important;font-size:1rem!important}.skill-bar-container,.skill-progress{height:8px!important;background:#ffffff1a!important;border-radius:4px!important;overflow:hidden!important;width:100%!important}.skill-bar-fill,.skill-fill{height:100%!important;background:linear-gradient(90deg,#00aeff,#07f)!important;border-radius:4px!important;transition:width 1s ease!important;width:85%!important}.viru-item{background:linear-gradient(135deg,#8a2be226,#00aeff1a)!important;border-color:#8a2be24d!important}.viru-item:hover{border-color:#8a2be299!important;box-shadow:0 0 30px #8a2be233!important}.my-creation-badge{background:linear-gradient(90deg,#ff6b6b,#ff8e53)!important;color:#fff!important;padding:3px 10px!important;border-radius:12px!important;font-size:.7rem!important;font-weight:600!important;text-transform:uppercase!important;margin-left:8px!important}.viru-features{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:15px!important}.viru-feature{background:#8a2be233!important;color:#d4a5ff!important;padding:6px 12px!important;border-radius:20px!important;font-size:.75rem!important;display:flex!important;align-items:center!important;gap:5px!important}.viru-link{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important;padding:8px 16px!important;border-radius:20px!important;font-size:.8rem!important;font-weight:600!important;text-decoration:none!important;display:flex!important;align-items:center!important;gap:6px!important;transition:all .3s ease!important}.viru-link:hover{transform:scale(1.05)!important;box-shadow:0 5px 20px #8b5cf666!important}@media (max-width: 768px){.skills-category{padding:0 10px!important}.skills-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:15px!important;padding:10px 5px 20px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.skills-grid::-webkit-scrollbar{display:none!important}.skill-item{min-width:280px!important;max-width:280px!important;flex:0 0 280px!important;scroll-snap-align:start!important}}body.light-theme{background:linear-gradient(135deg,#f0f4f8,#d9e2ec)!important}body.light-theme .main-header{background:#fffffff2!important;border-bottom:1px solid #e2e8f0!important}body.light-theme .logo,body.light-theme .nav-link,body.light-theme .hero-text h1,body.light-theme .section-title,body.light-theme h2,body.light-theme h3{color:#1a202c!important}body.light-theme p,body.light-theme .hero-text p{color:#4a5568!important}body.light-theme .skill-item,body.light-theme .about-card,body.light-theme .project-card,body.light-theme .hire-me-card{background:#ffffffe6!important;border-color:#e2e8f0!important}body.light-theme .skill-name{color:#1a202c!important}body.light-theme .mobile-nav{background:#fffffffa!important}body.light-theme .mobile-nav .nav-link{color:#1a202c!important}.security-audit-section{padding:80px 20px;background:linear-gradient(180deg,transparent 0%,rgba(0,174,255,.02) 50%,transparent 100%)}.security-audit-section .section-title{text-align:center;margin-bottom:50px}.security-badges-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1000px;margin:0 auto}.security-badge-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,174,255,.2);border-radius:20px;padding:35px 25px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.security-badge-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,174,255,.1),transparent);transition:left .5s ease}.security-badge-card:hover:before{left:100%}.security-badge-card:hover{transform:translateY(-8px);border-color:#00aeff80;box-shadow:0 20px 40px #00aeff26}.badge-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#00aeff33,#00aeff0d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#00aeff;position:relative}.badge-icon.ssl{background:linear-gradient(135deg,#28a74533,#28a7450d);color:#28a745}.badge-icon.headers{background:linear-gradient(135deg,#ffc10733,#ffc1070d);color:#ffc107}.badge-icon.owasp{background:linear-gradient(135deg,#8a2be233,#8a2be20d);color:#8a2be2}.badge-icon i{font-size:2.2rem}.badge-title{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:10px}.badge-status{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:15px}.badge-status.active{background:#28a74533;color:#28a745}.badge-status.grade{background:#00aeff33;color:#00aeff}.badge-desc{color:#fff9;font-size:.9rem;line-height:1.6}.terminal-section{padding:80px 20px}.terminal-container{max-width:800px;margin:0 auto}.terminal-window{background:#0d1117;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080;border:1px solid rgba(0,174,255,.2)}.terminal-header{background:linear-gradient(180deg,#1e2530,#161b22);padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.1)}.terminal-btn{width:12px;height:12px;border-radius:50%}.terminal-btn.red{background:#ff5f56}.terminal-btn.yellow{background:#ffbd2e}.terminal-btn.green{background:#27ca40}.terminal-title{flex:1;text-align:center;color:#ffffff80;font-size:.85rem;font-family:Courier New,monospace}.terminal-body{padding:20px;min-height:300px;max-height:400px;overflow-y:auto;font-family:Courier New,Consolas,monospace;font-size:.95rem;line-height:1.6}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:transparent}.terminal-body::-webkit-scrollbar-thumb{background:#00aeff4d;border-radius:3px}.terminal-output{margin-bottom:10px}.terminal-line{margin-bottom:5px}.terminal-prompt{color:#00aeff}.terminal-user{color:#28a745}.terminal-path{color:#8b5cf6}.terminal-command{color:#fff}.terminal-response{color:#fffc;padding-left:0;margin:5px 0 15px}.terminal-response.success{color:#28a745}.terminal-response.info{color:#00aeff}.terminal-response.list{color:#ffc107}.terminal-input-line{display:flex;align-items:center;gap:5px}#terminal-input{background:transparent;border:none;outline:none;color:#fff;font-family:inherit;font-size:inherit;flex:1;caret-color:#00aeff}.terminal-cursor{display:inline-block;width:8px;height:16px;background:#00aeff;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-hint{text-align:center;color:#fff6;font-size:.85rem;margin-top:15px}.security-tools-section{padding:80px 20px;background:linear-gradient(180deg,transparent 0%,rgba(138,43,226,.02) 50%,transparent 100%)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;max-width:1000px;margin:0 auto}.tool-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(138,43,226,.2);border-radius:16px;padding:25px 15px;text-align:center;transition:all .3s ease;cursor:default}.tool-card:hover{transform:translateY(-5px) scale(1.02);border-color:#8a2be280;box-shadow:0 15px 35px #8a2be226}.tool-icon{width:60px;height:60px;margin:0 auto 15px;background:linear-gradient(135deg,#8a2be233,#8a2be20d);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#8b5cf6}.tool-name{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:5px}.tool-category{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.security-badges-container{grid-template-columns:1fr;gap:20px;padding:0 10px}.security-badge-card{padding:25px 20px}.badge-icon{width:60px;height:60px}.badge-icon i{font-size:1.6rem}.terminal-container{margin:0 10px}.terminal-body{min-height:250px;font-size:.85rem;padding:15px}.tools-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:0 10px}.tool-card{padding:20px 10px}.tool-icon{width:50px;height:50px;font-size:1.3rem}.security-audit-section,.terminal-section,.security-tools-section{padding:60px 15px}}@media (max-width: 480px){.tools-grid{grid-template-columns:repeat(2,1fr)}.terminal-body{font-size:.8rem}}.project-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:10000;display:none;overflow-y:auto;padding:20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.project-detail-modal.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-modal-container{max-width:900px;margin:20px auto;background:linear-gradient(180deg,#0a0a0f,#0d1117);border-radius:24px;border:1px solid rgba(0,174,255,.2);overflow:hidden;box-shadow:0 30px 80px #00000080;max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable}.detail-modal-close{position:fixed;top:20px;right:30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;z-index:10001}.detail-modal-close:hover{background:#ff00004d;transform:rotate(90deg)}.detail-header{padding:40px;background:linear-gradient(135deg,rgba(0,174,255,.1) 0%,transparent 100%);border-bottom:1px solid rgba(0,174,255,.1)}.detail-header-top{display:flex;align-items:center;gap:20px;margin-bottom:20px}.detail-logo{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#00aeff,#07f);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.detail-title-group h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:5px}.detail-tagline{color:#fff9;font-size:1.1rem;font-style:italic}.detail-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.detail-badge{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-badge.tech{background:#00aeff33;color:#00aeff}.detail-badge.status{background:#10b98133;color:#10b981}.detail-badge.security{background:#8a2be233;color:#a855f7}.detail-body{padding:40px}.detail-section{margin-bottom:40px}.detail-section-title{display:flex;align-items:center;gap:12px;font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(0,174,255,.3)}.detail-section-title i{color:#00aeff}.detail-section-content{color:#ffffffd9;line-height:1.8;font-size:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.feature-card{background:#ffffff08;border:1px solid rgba(0,174,255,.15);border-radius:16px;padding:20px;transition:all .3s ease}.feature-card:hover{border-color:#00aeff66;transform:translateY(-3px)}.feature-card h4{display:flex;align-items:center;gap:10px;color:#00aeff;font-weight:600;margin-bottom:10px}.feature-card p{color:#ffffffb3;font-size:.9rem;line-height:1.6}.tech-stack-list{display:flex;flex-wrap:wrap;gap:12px}.tech-item{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.tech-item:hover{border-color:#00aeff66;background:#00aeff1a}.tech-item i{font-size:1.3rem;color:#00aeff}.tech-item span{color:#fff;font-weight:500}.security-block{background:linear-gradient(135deg,#8a2be21a,#8a2be205);border:1px solid rgba(138,43,226,.3);border-radius:16px;padding:25px}.security-block h4{color:#a855f7;margin-bottom:15px;display:flex;align-items:center;gap:10px}.security-list{list-style:none;padding:0}.security-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;color:#fffc;border-bottom:1px solid rgba(255,255,255,.05)}.security-list li:last-child{border-bottom:none}.security-list li i{color:#a855f7;margin-top:4px}.detail-actions{display:flex;gap:15px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.detail-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.detail-btn.primary{background:linear-gradient(135deg,#00aeff,#07f);color:#fff}.detail-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.detail-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00aeff33}.view-details-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#8a2be233;color:#a855f7;border:1px solid rgba(138,43,226,.3);border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:10px}.view-details-btn:hover{background:#8a2be24d;border-color:#8a2be280;transform:translateY(-2px)}@media (max-width: 768px){.detail-modal-container{margin:10px;border-radius:16px}.detail-header,.detail-body{padding:25px}.detail-header-top{flex-direction:column;text-align:center}.detail-title-group h1{font-size:1.8rem}.features-grid{grid-template-columns:1fr}.detail-actions{flex-direction:column}.detail-modal-close{top:10px;right:15px;width:40px;height:40px}.view-details-btn{display:flex;margin-left:0;margin-top:10px;justify-content:center}}.chatbot-toggler{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#00aeff,#07f);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #00aeff66;z-index:99999;transition:all .3s ease;border:2px solid rgba(255,255,255,.2);display:flex!important;visibility:visible!important;opacity:1!important}.chatbot-toggler:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px #00aeff99}.chatbot-toggler span{color:#fff;position:absolute;font-size:1.5rem;transition:all .3s ease}.chatbot-toggler span:last-child,.show-chatbot .chatbot-toggler span:first-child{opacity:0;transform:rotate(90deg) scale(0)}.show-chatbot .chatbot-toggler span:last-child{opacity:1;transform:rotate(0) scale(1)}.chatbot-window{position:fixed;right:30px;bottom:100px;width:380px;background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,174,255,.3);border-radius:20px;overflow:hidden;opacity:0;pointer-events:none;transform:scale(.5);transform-origin:bottom right;transition:all .3s ease;box-shadow:0 10px 40px #00000080;z-index:99998}.show-chatbot .chatbot-window{opacity:1;pointer-events:auto;transform:scale(1)}.chatbot-header{background:linear-gradient(135deg,#0d1b2a,#1a2332);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.chatbot-header-info{display:flex;align-items:center;gap:10px}.chatbot-header h2{font-size:1.1rem;color:#fff;margin:0;font-weight:600}.chatbot-status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.chatbox{height:350px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.chatbox::-webkit-scrollbar{width:6px}.chatbox::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.chat-message{display:flex;align-items:flex-end;gap:10px;max-width:85%}.chat-incoming{align-self:flex-start}.chat-outgoing{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:32px;height:32px;border-radius:50%;background:#00aeff1a;display:flex;align-items:center;justify-content:center;color:#00aeff;border:1px solid rgba(0,174,255,.3);font-size:.9rem;flex-shrink:0}.chat-message p{color:#fff;padding:12px 16px;border-radius:12px 12px 12px 2px;background:#ffffff0d;font-size:.95rem;line-height:1.5;word-wrap:break-word}.chat-outgoing p{background:linear-gradient(135deg,#00aeff,#07f);border-radius:12px 12px 2px;box-shadow:0 4px 15px #00aeff33}.chat-input{padding:15px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:10px;background:#0a162880}.chat-input textarea{width:100%;height:45px;border:none;outline:none;resize:none;background:#ffffff0d;color:#fff;padding:12px 15px;border-radius:25px;font-family:inherit;font-size:.95rem;transition:all .3s ease}.chat-input textarea:focus{background:#ffffff1a}.chat-input textarea::placeholder{color:#fff6}#send-btn{width:45px;height:45px;border:none;border-radius:50%;background:transparent;color:#00aeff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}#send-btn:hover{background:#00aeff1a;transform:translate(3px)}@media (max-width: 600px){.chatbot-window{right:0;bottom:0;width:100%;height:100%;border-radius:0;border:none}.chatbot-window .chatbox{height:calc(100% - 140px);padding-bottom:20px}.chatbot-input{padding:10px 15px}.chatbot-toggler{bottom:20px;right:20px}}