*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #DA70D6;--secondary-color: #9932CC;--accent-color: #BA55D3;--white: #FFFFFF;--black: #000000;--gray: #666666;--light-gray: #F5F5F5;--light-gray2: #ebeaea;--shadow: rgba(153, 50, 204, .2);--gradient-primary: linear-gradient(135deg, #DA70D6, #9932CC);--gradient-secondary: linear-gradient(45deg, #FF6B6B, #4ECDC4);--ani-color:linear-gradient(135deg, #DA70D6, #9932CC);--ani-shadow: 0 0 5px rgba(218, 112, 214, .6)}body.dark-mode{--white: #0a0a0ad5;--black: #ffffff;--gray: #cccccc;--light-gray: #1a1a1a;--light-gray2: #1a1a1a;--shadow: rgba(218, 112, 214, .3);--gradient-primary: linear-gradient(-58deg, #3b093b, #8308d5);--gradient-secondary: linear-gradient(45deg, #1a1a2e, #16213e);--ani-color:linear-gradient(-58deg, #3b093b, #8308d5);--ani-shadow: 0 0 5px rgba(71, 5, 69, .6)}body{font-family:Poppins,sans-serif;line-height:1.6;color:var(--black);background-color:var(--white);overflow-x:hidden;transition:all .3s ease}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--white);display:flex;align-items:center;justify-content:center;z-index:9999}.code-loader{text-align:center}.code-block{background:#1e1e1e;border-radius:10px;padding:2rem;font-family:Courier New,monospace;text-align:left;margin-bottom:1rem;box-shadow:0 10px 30px #0000004d}.code-line{margin:.5rem 0;font-size:1rem}.code-line.indent{margin-left:2rem}.keyword{color:#569cd6}.variable{color:#9cdcfe}.string{color:#ce9178}.method{color:#dcdcaa}.loading-dots{display:flex;justify-content:center;gap:.5rem}.loading-dots span{width:10px;height:10px;background:var(--primary-color);border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.geometric-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;opacity:.1;animation:float 6s ease-in-out infinite}.shape-0{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;top:20%;left:10%;animation-delay:0s}.shape-1{width:40px;height:40px;background:var(--gradient-secondary);transform:rotate(45deg);top:60%;right:15%;animation-delay:2s}.shape-2{width:80px;height:80px;background:linear-gradient(45deg,#FF6B6B,#FFE66D);clip-path:polygon(50% 0%,0% 100%,100% 100%);bottom:30%;left:20%;animation-delay:4s}body.dark-mode .shape{opacity:.2}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 20px var(--shadow);transition:all .3s ease}body.dark-mode .header{background:rgba(10,10,10,.95)}.logo{display:flex;align-items:center;gap:.3rem}.bulb-logo{width:35px;height:38px;overflow:hidden;display:flex;align-items:center;justify-content:center}.bulb-logo img{width:100%;height:100%;transition:transform .3s;display:block}.bulb-logo:hover img{transform:scale(1.1) rotate(5deg)}.logo-text{font-size:1.8rem;font-weight:700;color:orchid;font-family:Dancing Script,cursive;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:.5rem;align-items:center}.nav-link{text-decoration:none;color:var(--black);font-weight:500;position:relative;transition:all .3s ease;padding:.25rem .75rem;border-radius:20px}.nav-link:hover,.nav-link.active{color:var(--primary-color);background:rgba(218,112,214,.1)}.dark-mode-toggle{background:none;border:2px solid var(--primary-color);border-radius:50%;width:45px;height:45px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dark-mode-toggle:hover{background:var(--primary-color);transform:scale(1.1) rotate(360deg)}.nav-toggle{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.nav-toggle span{width:2rem;height:.25rem;background:var(--primary-color);border-radius:10px;transition:all .3s linear}.mobile-nav{display:none}@media (max-width: 768px){.nav{display:none}.nav-toggle{display:flex}.mobile-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:fixed;top:0;right:-100%;width:100%;height:100vh;transition:right .3s ease-in-out;z-index:1000;padding-top:8%}body.dark-mode .mobile-nav{background:rgba(10,10,10,.98)}.mobile-nav.open{right:0}.mobile-nav .nav-link{font-size:1.5rem}}.chatbot{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-toggle{width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);border:none;cursor:pointer;box-shadow:0 4px 20px var(--shadow);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.chat-toggle svg{width:24px;height:24px;fill:#fff}.chat-toggle:hover{transform:scale(1.1);box-shadow:0 8px 30px var(--shadow)}.chat-container{position:absolute;bottom:55px;right:0;width:350px;height:430px;background:var(--white);border-radius:20px;box-shadow:0 20px 40px var(--shadow);display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--primary-color)}.chat-header{background:var(--gradient-primary);color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.chat-header h4{margin:0;font-weight:600}.chat-header button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .3s ease}.chat-header button:hover{background:rgba(255,255,255,.2)}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.message{padding:.75rem;border-radius:15px;max-width:80%;word-wrap:break-word;font-size:.9rem;line-height:1.4}.message.user{background:var(--gradient-primary);color:#fff;align-self:flex-end;margin-left:auto}.message.bot{background:var(--light-gray);color:var(--black);align-self:flex-start}.chat-form{display:flex;padding:1rem;border-top:1px solid var(--light-gray)}.chat-input{flex:1;padding:.75rem;border:1px solid var(--light-gray);border-radius:20px;outline:none;margin-right:.5rem;background:var(--white);color:var(--black)}.chat-send{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500}.chat-send:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;background:var(--white);position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.hero-text{margin-top:-8%;animation:slideInLeft 1s ease-out;padding-left:.5rem}.hero-subtitle{font-size:1.3rem;color:var(--primary-color);margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:2px}.rotating-role{animation:fadeInOut 3s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-5px)}}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.2rem;color:var(--gray);margin-bottom:2rem;font-weight:400}.hero-cta{display:flex;gap:1rem}.cta-button{padding:1rem 2rem;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;position:relative;overflow:hidden}.cta-button:not(.secondary){background:var(--gradient-primary);color:#fff}.cta-button.secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px var(--shadow)}.cta-button.secondary:hover{background:var(--gradient-primary);color:#fff}.neural-network{position:relative;width:100%;height:400px;display:flex;justify-content:center;align-items:center}.central-node{position:absolute;font-size:4rem;color:#fff;z-index:2}.neural-lines{position:absolute;width:100%;height:100%;z-index:0;pointer-events:none}.orbit-path{fill:none;opacity:.8}.orbit-icon{position:absolute;background:var(--ani-color);color:#fff;padding:6px 14px;border-radius:50%;font-weight:700;font-size:.9rem;box-shadow:var(--ani-shadow);animation:orbitSmooth 10s linear infinite}.orbit-1-icon{top:11%;left:72%;transform-origin:50% 50%}.orbit-2-icon{top:0%;left:45%;transform-origin:50% 50%}.orbit-3-icon{top:80%;left:20%;transform-origin:50% 50%}.orbit-4-icon{top:45%;left:8%;transform-origin:50% 50%}.orbit-5-icon{top:80%;left:72%;transform-origin:50% 50%}.orbit-6-icon{top:45%;left:83%;transform-origin:50% 50%}.orbit-7-icon{top:12%;left:20%;transform-origin:50% 50%}.orbit-8-icon{top:90%;left:41%;transform-origin:50% 50%}.orbit-1-icon{animation:floatY 3s ease-in-out infinite}.orbit-2-icon{animation:dropDown 4s ease-in-out infinite}.orbit-3-icon{animation:liftUp 4s ease-in-out infinite}.orbit-4-icon{animation:moveRight 4s ease-in-out infinite}.orbit-5-icon{animation:moveLeftUp 4s ease-in-out infinite}.orbit-6-icon{animation:moveLeft 5s ease-in-out infinite}.orbit-7-icon{animation:bounceUL 4s ease-in-out infinite}.orbit-8-icon{animation:popUp 3s ease-in-out infinite}@keyframes floatY{0%{transform:translate(0)}30%{transform:translate(20px,30px)}50%{transform:translate(17px,65px)}70%{transform:translate(20px,30px)}to{transform:translate(0)}}@keyframes dropDown{0%{transform:translateY(-5px)}30%{transform:translate(38px,30px)}50%{transform:translate(50px,55px)}70%{transform:translate(38px,30px)}to{transform:translateY(-5px)}}@keyframes liftUp{0%{transform:translate(0)}30%{transform:translate(-13px,-30px)}50%{transform:translate(-10px,-65px)}70%{transform:translate(-13px,-30px)}to{transform:translate(0)}}@keyframes moveRight{0%{transform:translate(0)}30%{transform:translate(13px,-30px)}50%{transform:translate(65px,-48px)}70%{transform:translate(13px,-30px)}to{transform:translate(0)}}@keyframes moveLeftUp{0%{transform:translate(0)}30%{transform:translate(13px,-30px)}50%{transform:translate(13px,-55px)}70%{transform:translate(13px,-30px)}to{transform:translate(0)}}@keyframes moveLeft{0%{transform:translate(-24px,-28px)}30%{transform:translate(-5px,18px)}50%{transform:translate(-30px,42px)}70%{transform:translate(-5px,18px)}to{transform:translate(-24px,-28px)}}@keyframes bounceUL{0%{transform:translate(15px,-20px)}30%{transform:translate(-15px,10px)}50%{transform:translate(-12px,35px)}70%{transform:translate(-15px,10px)}to{transform:translate(15px,-20px)}}@keyframes popUp{0%{transform:translate(5px,7px)}30%{transform:translate(-20px,-30px)}50%{transform:translate(-30px,-55px)}70%{transform:translate(-20px,-30px)}to{transform:translate(5px,7px)}}.about{padding:25px 0;background:var(--light-gray)}.about-content{display:grid;grid-template-columns:400px 1fr;gap:4rem;align-items:center;padding:0% 2%}.about-image-frame{perspective:1000px}.polaroid-frame{background:white;width:100%;max-width:350px;margin:0 auto;padding:20px 20px 60px;border-radius:10px;box-shadow:0 20px 40px var(--shadow);transform:rotate(-5deg);transition:transform .3s ease}.polaroid-frame:hover{transform:rotate(0) scale(1.02)}.photo-placeholder{width:100%;height:400px;background:rgba(128,6,126,.26);border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:1.2rem;margin-bottom:20px}.mypic{height:95%;width:95%}.section-title{font-size:2.8rem;margin-bottom:2rem;color:var(--black);position:relative;font-weight:700}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100px;height:4px;background:var(--gradient-primary);border-radius:2px}.about-description{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;color:var(--gray)}.about-stats{display:flex;gap:2rem}.stat{text-align:center;padding:1rem;background:var(--white);border-radius:15px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.stat:hover{transform:translateY(-5px)}.stat-number{display:block;font-size:2.2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--gray);font-size:.9rem;font-weight:500}.journey{margin:0% 3%;padding-bottom:40px}.experience{padding:25px 0;background:var(--white)}.flip-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.flip-card-wrapper{perspective:1000px;height:400px}.flip-card{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;cursor:pointer}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;box-shadow:0 10px 30px var(--shadow);overflow:hidden}.flip-card-front{background:var(--white)}.flip-card-back{background:var(--white);transform:rotateY(180deg);padding:2rem}.card-gradient{height:60%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;position:relative}.card-gradient:before{content:"";position:absolute;top:0;left:30%;width:70%;height:100%;background:rgba(255,255,255,.1);transform:skew(-20deg)}.card-title{color:#fff;font-size:1.8rem;font-weight:700;z-index:2;position:relative}.card-content{height:40%;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background:white}.flip-button{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease;margin-top:1rem}.flip-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow)}.flip-button.back{background:var(--secondary-color);position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.back-content{height:100%;overflow-y:auto;padding-bottom:4rem}.back-content h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.flip-item{text-align:left;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--light-gray)}.flip-item:last-child{border-bottom:none}.flip-item h5{color:var(--black);margin-bottom:.5rem;font-size:1.1rem}.flip-item p{color:var(--gray);margin-bottom:.3rem;font-size:.9rem}.flip-item ul{margin-top:.5rem;padding-left:1rem}.flip-item li{color:var(--gray);font-size:.85rem;margin-bottom:.2rem}.details,.impact{color:var(--primary-color);font-weight:500;font-style:italic}.skills{padding:25px 2%;background:var(--light-gray)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.skill-category{background:var(--white);padding:1rem;border-radius:20px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-primary)}.skill-category:hover{transform:translateY(-10px);box-shadow:0 20px 40px var(--shadow)}.category-title{font-size:1.3rem;margin-bottom:1.5rem;color:var(--secondary-color);text-align:center;font-weight:600}.skill-items{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1rem}.skill-item{display:flex;align-items:center;gap:.5rem;background:var(--light-gray);padding:.5rem 1rem;border-radius:25px;transition:all .3s ease;border:2px solid transparent}.skill-item:hover{transform:scale(1.05);border-color:var(--primary-color);background:var(--white);box-shadow:0 5px 15px var(--shadow)}.skill-logo{width:30px;height:30px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.skill-name{font-size:.9rem;font-weight:500;color:var(--black)}.projects{padding:25px 2.5%;background:var(--white)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.project-card{background:var(--light-gray2);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px var(--shadow);transition:all .3s ease;transform:translateY(20px);opacity:0;animation:slideUp .5s ease-out forwards;position:relative}.project-card.interactive:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 30px 60px var(--shadow)}.project-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3){animation-delay:.2s}.project-content{padding:1.2rem}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.project-title{font-size:1.4rem;color:var(--black);margin:0;font-weight:600}.project-status{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500}.project-status.live{background:#4CAF50;color:#fff}.project-status.ongoing{background:#FF9800;color:#fff}.project-year{color:var(--gray);font-size:.9rem;margin-bottom:1rem}.project-description{color:var(--gray);margin-bottom:1rem;line-height:1.6}.read-more-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:500;text-decoration:underline;margin-bottom:1rem;font-size:.9rem}.read-more-btn:hover{color:var(--secondary-color)}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:var(--gradient-primary);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500}.project-achievements{background:var(--white);padding:1rem;border-radius:10px;margin-bottom:1.5rem}.project-achievements h5{color:var(--primary-color);margin-bottom:.5rem;font-size:.9rem}.project-achievements ul{padding-left:1rem}.project-achievements li{color:var(--gray);font-size:.85rem;margin-bottom:.2rem}.project-actions{display:flex;gap:1rem}.project-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border:2px solid var(--primary-color);border-radius:20px;text-align:center;flex:1}.project-link:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px)}.project-link.github{border-color:var(--secondary-color);color:var(--secondary-color)}.project-link.github:hover{background:var(--secondary-color);color:#fff}.contact{padding:25px 3%;background:var(--light-gray)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-title{font-size:3rem;margin-bottom:2rem;font-weight:800}.contact-details{margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1.1rem}.contact-icon{width:24px;height:24px;fill:var(--primary-color)}.social-links{display:flex;gap:1rem;margin-bottom:2rem}.social-link{width:50px;height:50px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;box-shadow:0 5px 15px #0000001a}.social-link svg{width:24px;height:24px;fill:var(--primary-color);transition:all .3s ease}.social-link:hover{background:var(--gradient-primary);transform:translateY(-5px);box-shadow:0 10px 25px var(--shadow)}.social-link:hover svg{fill:#fff}.download-cv{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.download-cv:hover{transform:translateY(-3px);box-shadow:0 10px 25px var(--shadow)}.download-icon{width:20px;height:20px;fill:currentColor}.purpose-form{display:flex;flex-direction:column;gap:.5rem;width:220px;background-color:#a5a4a438;border-radius:10px;padding:10px}.contact-form{background:var(--white);padding:2rem;border-radius:20px;box-shadow:0 10px 30px var(--shadow)}.form-input,.form-textarea{width:100%;padding:1rem;margin-bottom:1rem;border:2px solid var(--light-gray);border-radius:10px;font-size:1rem;transition:border-color .3s ease;background:var(--white);color:var(--black);font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #da70d61a}.form-textarea{min-height:120px;resize:vertical}.send-button{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.send-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow)}.footer{background:linear-gradient(-15deg,#4b0457 0%,#811f94f6 100%);color:#fff;padding:3rem 1rem 2rem;position:relative;overflow:hidden}body.dark-mode .footer{background:linear-gradient(115deg,#240839 30%,#310c4e 0%,#650f8ae3 100%)}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.3}.footer-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.footer-left{flex:1}.footer-text{margin-bottom:1rem;font-size:1.1rem;font-weight:500}.footer-social{display:flex;gap:1rem}.footer-social-link{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-social-link svg{width:20px;height:20px;fill:#fff}.footer-social-link:hover{background:var(--gradient-primary);transform:translateY(-3px);box-shadow:0 4px 10px var(--shadow)}.footer-info{flex:2;text-align:right}.footer-info p{margin-bottom:.5rem;color:#fffc;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.footer-icon{width:16px;height:16px;fill:var(--primary-color)}.footer-credits{font-size:.9rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);color:#fff9}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translateY(-10px) rotate(-5deg)}}.animate-on-scroll{opacity:1;transform:translateY(0);transition:all .8s ease}.animate-on-scroll:not(.visible){opacity:0;transform:translateY(50px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.neural-network{transform:scale(.9);height:320px}}@media (max-width: 480px){.hero-visual{overflow:hidden}.neural-network{transform:scale(.75);height:260px}.orbit-icon{font-size:1rem}}@media (max-width: 1024px){.hero-content{margin-top:40px;grid-template-columns:1fr;text-align:center;gap:2rem}.about-content{grid-template-columns:1fr;text-align:center}.about-content{grid-template-columns:1fr;text-align:center;gap:2rem}.about-image-frame{margin:0 auto}.section-title:after{left:50%;transform:translate(-50%)}.about-stats{flex-wrap:wrap;justify-content:center}.contact-content{grid-template-columns:1fr;gap:2rem}.footer-content{flex-direction:row;gap:2rem}.footer-info{text-align:center;display:flex;flex-direction:column;justify-content:center}.footer-info p{display:flex;flex-direction:row;justify-content:center}}@media (max-width: 768px){.nav{display:none}.hero-title{font-size:2.5rem}.flip-cards-container,.skills-grid,.projects-grid{grid-template-columns:1fr}.chat-container{width:300px;height:400px}.hero-cta{flex-direction:column;align-items:center}.project-actions{flex-direction:column}}@media (max-width: 480px){.chatbot{bottom:10px;right:10px}.chat-container{width:calc(100vw - 40px);height:350px;bottom:70px;right:-10px}.section-title,.hero-title,.contact-title{font-size:2rem}.container{padding:0 15px}}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center;gap:2.5rem}.footer-social,.footer-info p{justify-content:center}}