.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-color);color:var(--text-color);overflow:hidden}@media (min-width: 768px){.home-container{flex-direction:row-reverse;align-items:center;justify-content:center;padding:2.5rem 1.5rem;gap:3rem}}.home-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#171625,transparent 70%);opacity:.1;pointer-events:none;z-index:0}.home-text{position:relative;bottom:25%;z-index:10;display:flex;flex-direction:column;gap:1rem;padding:0 1rem;align-items:center;justify-content:center;font-size:20px}@media (min-width: 768px){.home-text{padding:0}}.home-title{font-weight:700;line-height:1.6;letter-spacing:2px;background:linear-gradient(90deg,#5958b1,#5b5bd6,#9eb1ff);-webkit-background-clip:text;color:transparent;font-family:Inter}@media (min-width: 768px){.home-title{font-size:2rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.1}50%{opacity:.2}}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Inter,sans-serif;height:70vh;margin:10rem auto 0;text-align:center;background-color:transparent;color:var(--text-color);scroll-margin-top:6rem;box-sizing:border-box}.about-profile{display:flex;flex-direction:column;align-items:center;margin-top:3rem;padding:2rem;box-sizing:border-box}.about-profile-image{width:12rem;height:12rem;border-radius:50%;object-fit:cover;border:2px solid var(--text-color);transition:.3s ease}.about-text{display:flex;flex-direction:column;gap:2rem;padding:0 1rem;max-width:700px;box-sizing:border-box}.about-name{font-size:1.7rem;font-weight:800;letter-spacing:1px;background:linear-gradient(90deg,#5958b1,#5b5bd6,#9eb1ff);-webkit-background-clip:text;color:transparent;font-family:DM Sans,sans-serif;margin:0;line-height:1.4}.about-title{font-size:1.2rem;font-style:italic;font-weight:500;color:var(--heading-color);margin:0}.about-description{font-size:1.1rem;line-height:1.5;white-space:pre-line;text-align:left;padding:0 .5rem;margin:0}@media (min-width: 480px){.about-profile-image{width:10rem;height:10rem}}@media (min-width: 640px){.about-profile-image{width:15rem;height:15rem}}@media (min-width: 768px){.about-container{justify-content:center;padding:80px 3rem 3rem}.about-profile{flex-direction:row;justify-content:center;align-items:flex-start;text-align:left;gap:3rem;padding:4rem 2rem}.about-profile-image{width:15rem;height:15rem}.about-description{font-size:1.05rem}}.experience-wrapper{padding:4rem 2rem;background-color:var(--bg-color);color:#b1a9ff;min-height:100vh;font-family:Inter,sans-serif}.book-title{text-align:center;font-size:1.3rem;margin-bottom:1rem}@media (min-width: 640px){.book-title{font-size:2.5rem;margin-bottom:3rem}}.book-wrapper{display:flex;flex-direction:column;gap:2rem;align-items:center}@media (min-width: 768px){.book-wrapper{gap:3rem}.experience-wrapper{padding:6rem 3rem}}.book-page{width:90%;max-width:600px;transform-style:preserve-3d;transform-origin:center}.carousel-container{width:100%;overflow:hidden;position:relative;padding:2rem 0}.carousel-track{display:flex;will-change:transform;transition:transform .5s ease-in-out}.carousel-item{flex:0 0 100%;box-sizing:border-box;padding:0 1rem}@media (min-width: 768px){.carousel-item{flex:0 0 50%}}.carousel-track::-webkit-scrollbar{display:none}.carousel-track{-ms-overflow-style:none;scrollbar-width:none}.experience-card{background:var(--bg-color);border:1px solid var(--text-color);box-shadow:0 4px 6px #0000001a,0 8px 24px #00000026;border-radius:1rem;padding:1rem;color:var(--bg-color);width:90%;margin:auto;text-align:center;font-family:Inter,sans-serif;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.experience-badge{font-family:DM Sans,sans-serif;background-color:var(--bg-color);color:var(--text-color);padding:.5rem 1rem;font-size:1.1rem;font-weight:700;border-radius:999px;display:inline-block;margin-bottom:1rem}.experience-image{width:100%;max-height:200px;object-fit:cover;border-radius:.8rem;margin-bottom:1rem}.experience-title{font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:700;color:var(--heading-color);margin:.5rem 0}.experience-company{font-weight:500;color:var(--paragraph-color);margin-bottom:.75rem;font-size:1rem}.experience-description{font-size:.95rem;line-height:1.6;margin-bottom:1.2rem;color:var(--paragraph-color)}.experience-tech{margin-top:1rem}.tech-title{font-family:DM Sans,sans-serif;font-size:1rem;color:var(--text-color);margin-bottom:.5rem}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:0;list-style:none}.tech-item{background-color:#b1a9ff;color:var(--text-color);padding:.4rem .8rem;border-radius:.5rem;font-size:.85rem;font-family:Inter,sans-serif;transition:transform .2s ease}@media (max-width: 768px){.experience-card{max-width:90%;padding:1rem}.experience-badge{font-size:1rem;padding:.4rem .8rem}.experience-title{font-size:1.2rem}.experience-company{font-size:.9rem;margin-bottom:.5rem}.experience-description{font-size:.9rem;margin-bottom:1rem}.tech-title{font-size:.9rem}.tech-item{font-size:.75rem;padding:.3rem .7rem}}.contact-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at top left,rgba(177,169,255,.05),transparent)}.contact-box{background-color:var(--bg-color);padding:3rem 3.5rem;border-radius:1.2rem;border:1px solid var(--text-color);max-width:480px;width:100%;box-shadow:0 12px 40px #5851db4d;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease}.contact-box:hover{transform:translateY(-5px)}.contact-title{font-family:DM Sans,sans-serif;font-size:2.2rem;margin-bottom:2rem;color:var(--text-color);text-shadow:0 2px 8px rgba(177,169,255,.2)}.auth-button-container{margin-bottom:1.8rem}.auth-button{background:linear-gradient(135deg,#b1a9ff,#9a8fff);border:none;padding:.8rem 2.2rem;border-radius:9999px;font-weight:600;color:#171625;font-size:1.1rem;cursor:pointer;transition:transform .3s ease}.auth-button:hover{transform:scale(1.05)}.welcome-text{font-weight:600;font-size:1.2rem;color:#d4ceff;margin-bottom:1rem}.message-section{margin-top:2rem}.message-form{display:flex;flex-direction:column;gap:1rem}.message-textarea{resize:vertical;padding:1rem;font-size:1rem;border-radius:.75rem;border:none;font-family:Inter,sans-serif;min-height:130px;background-color:#3b396b;color:#e0dbff;outline:none;transition:background-color .3s ease,box-shadow .3s ease}.message-textarea:focus{background-color:#4b4890;box-shadow:0 0 8px #b1a9ff}.send-button,.send-message-button{padding:.75rem 2.2rem;border-radius:9999px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.send-button{background-color:#b1a9ff;border:none;color:#171625}.send-button:hover{background-color:#9a8fff}.send-message-button{background-color:transparent;border:2px solid #b1a9ff;color:#b1a9ff}.send-message-button:hover{background-color:#b1a9ff;color:#171625}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake{animation:shake .6s ease}.auth-google-button{width:100%;max-width:320px;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:auto;padding:.75rem 1.5rem;border:2px solid #8b5cf6;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;font-size:1rem;font-weight:700;border-radius:9999px;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 2px 6px #0000000d}.auth-google-button:hover{background-color:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #8b5cf64d}.auth-google-button:focus-visible{outline:3px solid #c4b5fd;outline-offset:3px}.auth-google-logo{width:24px;height:24px}*{margin:0;padding:0;box-sizing:border-box}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--bg-color);position:sticky;top:0;z-index:999;font-family:Inter,sans-serif}.logo{font-size:1.8rem;font-weight:700}.nav{display:none}.nav.open{display:block;position:absolute;top:70px;left:0;width:100%;background-color:var(--bg-color);color:var(--text-color);padding:01rem 0;animation:fadeIn .3s ease-in-out}.nav-links{display:flex;flex-direction:column;align-items:center;gap:1rem}.nav-link{position:relative;text-decoration:none;font-size:1rem;transition:color .3s ease;width:100px;height:40px;text-align:center;color:var(--text-color);white-space:nowrap;display:flex;align-items:center;justify-content:center;letter-spacing:.5px}.nav-link:after{content:"";position:absolute;bottom:8px;left:0;width:100%;height:2px;background-color:#b1a9ff;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.nav-link:hover:after{transform:scaleX(1)}.lang-toggle{margin-top:1rem}.burger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;z-index:1000}.bar{height:3px;width:100%;background:#b1a9ff;border-radius:2px;transition:.3s ease}@media (min-width: 768px){.nav{display:block!important;position:static;background:transparent}.nav-links{flex-direction:row;gap:2rem}.lang-toggle{margin-top:0}.burger{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}label{width:80px;height:30px;position:relative;display:block;background:#d6d1d11a;border-radius:200px;border:1px solid#3D3E82}label:after{content:"";width:25px;height:25px;position:absolute;top:2px;left:3px;background:linear-gradient(135deg,#fff,#767776);border-radius:180px;transition:.3s}label img{position:absolute;width:20px;top:14px;z-index:100}label img.Fr{width:19px;top:5px;left:6px;fill:#fff;transition:.3s}label img.En{width:20px;top:9px;left:55px;fill:#7e7e7e;transition:.3s}input:checked+label img.Fr{transition:.3s}input:checked+label img.En{fill:#fff;transition:.3s}input{width:0;height:0;visibility:hidden}input:checked+label:after{left:77px;background:linear-gradient(135deg,#fff,#767776);transform:translate(-100%)}label:active:after{width:50px;background:linear-gradient(135deg,#fff,#767776)}.firework-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.logo{font-family:Courier New,Courier,monospace;font-size:2rem;letter-spacing:2px;background-color:var(--bg-color);color:var(--text-color);background-size:600% 600%;animation:gradientMove 8s ease infinite,glow 3s ease-in-out infinite alternate,fadeInUp 1.5s ease forwards;opacity:0;transform:translateY(20px)}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow{0%{text-shadow:0 0 5px rgba(177,169,255,.3),0 0 10px rgba(123,101,249,.2)}to{text-shadow:0 0 10px rgba(255,156,255,.5),0 0 20px rgba(177,169,255,.4)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.theme-toggle{cursor:pointer;font-size:1.8rem;display:flex;align-items:center;justify-content:center;padding:.5rem}.theme-toggle:hover{transform:scale(1.1) rotate(10deg)}.icon{transition:color .3s ease,transform .3s ease}.sun{color:#facc15}.moon{color:#f9fafb}.footer{background-color:var(--bg-color);color:var(--text-color);padding:3rem 1rem;text-align:center;font-family:Inter,sans-serif;margin-top:auto;margin-bottom:20px}.footer-content{max-width:1200px;margin:0 auto}.footer-text{font-size:1rem;margin-bottom:1rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.footer-link{color:var(--text-color);font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--heading-color)}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-color)}.loading-spinner{width:4rem;height:4rem}.scroll-to-top{position:fixed;bottom:30px;right:30px;background-color:#2c5364;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;box-shadow:0 5px 15px #0000004d;transition:opacity .3s ease,transform .3s ease;z-index:999}.scroll-to-top:hover{background-color:#0f2027;transform:scale(1.1)}.skill-toggle-wrapper{padding:6rem 4rem;width:100%;height:100vh;box-sizing:border-box;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;align-items:center;scroll-margin-top:6rem}@media (min-width: 480px){.skill-toggle-wrapper{padding:3rem 2rem;scroll-margin-top:6rem}}@media (min-width: 768px){.skill-toggle-wrapper{padding:6rem 4rem;height:100vh;scroll-margin-top:6rem}}@media (min-width: 1024px){.skill-toggle-wrapper{padding:8rem 6rem;scroll-margin-top:6rem}}.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.tab-button{padding:.5rem 1rem;font-size:.85rem;border:1px solid var(--heading-color);border-radius:999px;background:transparent;color:var(--paragraph-color);cursor:pointer;white-space:nowrap;transition:all .3s ease;font-family:Inter,sans-serif}.tab-button.active,.tab-button:hover{background:#b1a9ff;color:#171625}@media (min-width: 480px){.tab-button{padding:.7rem 1.5rem;font-size:1rem}}.soft-skills ul{list-style:none;padding:0;margin:0 auto;max-width:700px;width:100%}.soft-skills li{background:var(--text-color);margin:.5rem 0;padding:1rem;border-radius:1rem;color:var(--bg-color);font-size:.85rem;word-break:break-word}@media (min-width: 768px){.soft-skills li{padding:1.2rem;font-size:.95rem}}.hard-skills{width:100%;max-width:700px}.hard-skills .skill-item{margin-bottom:1.5rem}.skill-name{display:flex;justify-content:space-between;margin-bottom:.3rem;color:#e5e5ff;font-size:.85rem}@media (min-width: 480px){.skill-name{font-size:1rem}}.skill-bar{background:#333;border-radius:10px;overflow:hidden;height:10px}@media (min-width: 480px){.skill-bar{height:12px}}.skill-progress{height:100%;background:#b1a9ff;transition:width 5s ease-in-out}.average-chart-wrapper{margin-top:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.circular-chart{max-width:90px;max-height:90px;width:100%;height:auto;transform:rotate(-90deg)}@media (min-width: 480px){.circular-chart{max-width:120px;max-height:120px}}.circle-bg{fill:none;stroke:#2f2f4f;stroke-width:3.8}.circle{fill:none;stroke:#b1a9ff;stroke-width:3.8;stroke-linecap:round;transition:stroke-dasharray 8s ease}.percentage{fill:#28282c;font-size:.4rem;text-anchor:middle;transform:rotate(90deg)}@media (min-width: 480px){.percentage{font-size:.5rem}}.chart-label{margin-top:.5rem;color:#cbd5ff;font-size:.7rem}@media (min-width: 480px){.chart-label{font-size:.85rem}}.maintenance-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;font-family:Poppins,sans-serif;background:#f4f4f4;color:#333}.maintenance-container h1{font-size:2.5rem;margin-bottom:1rem}.maintenance-container p{font-size:1.2rem;margin:.5rem 0}:root{--primary: #4F46E5;--accent: #FACC15;--bg-color: #f9f9f9;--text-color: #171625;--heading-color: #13131E;--paragraph-color: #202248;z-index:1}body.dark{--bg-color: #171625;--text-color: #e5e5ff;--heading-color: #E0DFFE;--paragraph-color: #B1A9FF}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;transition:background-color .3s ease,color .3s ease;z-index:1}h1,h2,h3,h4,h5,h6{color:var(--heading-color);transition:color .3s ease}p,li,span{color:var(--paragraph-color);transition:color .3s ease}.theme-toggle{background:transparent;border:none;color:var(--text-color);padding:.4rem 1rem;border-radius:5px;cursor:pointer;transition:background .3s ease,color .3s ease}.theme-toggle:hover{color:#fff}