@import"https://fonts.googleapis.com/css2?family=Grechen+Fuemen&display=swap";@import"https://fonts.googleapis.com/css2?family=Croissant+One&display=swap";.home-hero{display:flex;min-height:84vh}.home-left{width:48%;display:flex;justify-content:center;align-items:center}.home-left-box{min-width:405px;max-width:40%;min-height:80%;border-radius:10px;transition:.3s ease}.home-left-box:hover{border-color:#38bdf8;transform:scale(1.02);box-shadow:0 10px 20px #0000004d}.home-left-box h1{font-size:2.4rem;margin-top:20px;margin-bottom:20px;text-align:center;color:var(--accent-color);font-family:Grechen Fuemen,cursive}.home-left-box h3{font-size:1.4rem;margin-bottom:20px;text-align:center}.home-left-box p{font-size:1.2rem;margin:40px 15px;text-align:center;font-weight:500}.home-buttons{display:flex;justify-content:center;gap:25px}.home-buttons Button{display:block;margin:30px auto;padding:10px 20px;background-color:#007bff;color:var(--text-color);border:none;border-radius:5px;font-size:1.2rem;cursor:pointer}.home-buttons Button:hover{background-color:var(--text-color);color:var(--accent-color);border:2px solid var(--accent-color)}.home-right{width:45%;display:flex;justify-content:center;align-items:center}.home-right-box{width:50%;border-radius:20px;min-width:405px}.home-right-box img{width:100%;height:auto;border-radius:20px}@media(max-width:1124px){.home-hero{flex-direction:column;height:auto;justify-content:center;align-items:center}.home-left,.home-right{width:100%;margin-top:30px}.home-left-box{min-width:405px;max-width:50%}.home-right-box{max-width:50%;min-width:380px;height:auto;margin-bottom:20px}}@media(max-width:450px){.home-hero{flex-direction:column;height:auto;justify-content:center;align-items:center}.home-left,.home-right{width:100%;margin-top:20px}.home-left-box{max-width:80%;min-width:280px;height:auto}.home-left-box Button{padding:8px;font-size:1rem}.home-left-box h3 span{display:block}.home-left-box h3 .sep{display:none}.home-right-box{max-width:50%;min-width:280px;height:auto;margin-bottom:20px}}.projects-page{padding:20px}.projects-page h1{text-align:center;margin-bottom:20px;color:var(--accent-color)}.projects-grid{display:grid;grid-template-columns:45% 45%;gap:20px;place-items:center;padding:20px}.project-card{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:450px;border-radius:10px;transition:.3s ease}.project-card:hover{border-color:#38bdf8;transform:scale(1.02);box-shadow:0 10px 20px #0000004d}.project-card h3{font-size:1.4rem;text-align:center;color:var(--accent-color);margin-top:5px}.project-card p{font-size:1.1rem;font-weight:500;text-align:center;margin-top:10px}.project-card .tags{display:flex;font-weight:600;justify-content:center;gap:10px;margin-top:10px}.project-actions{display:flex;justify-content:space-around;height:40px;width:250px;gap:10px;margin-top:20px}.project-actions Button{flex:1;background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:15px;cursor:pointer;width:70px;height:30px;font-weight:700}.project-actions Button:hover{background-color:var(--text-color);color:var(--accent-color);border:2px solid var(--accent-color)}@media(max-width:450px){.projects-grid{padding:5px}.project-card{width:95%;height:auto}.project-card .tags{flex-wrap:wrap}.project-actions{width:100%}}@media(max-width:550px){.project-card{width:90%}}@media(max-width:1211px){.projects-grid{grid-template-columns:1fr}}.experience-page{display:flex;flex-direction:column;align-items:center;padding:20px}.experience-page h1{text-align:center;margin-bottom:20px;color:var(--accent-color)}.experience-card{width:70vw;border-radius:10px;padding:18px 20px;margin-bottom:18px;transition:.3s ease}.experience-card:hover{transform:scale(1.02);box-shadow:0 10px 20px #0000004d}.experience-card h3{font-size:1.4rem;font-weight:600;margin-bottom:6px}.experience-names{display:flex;justify-content:space-between;align-items:center;width:100%}.experience-names h4{display:flex;align-items:center;font-size:15px;font-weight:700;margin-bottom:10px}.experience-names h4 svg{margin-right:6px;opacity:.5}.duration{font-size:13px;opacity:.8}.experience-points{padding-left:18px;margin:8px 0 10px}.experience-points li{font-size:14px;margin-bottom:6px;line-height:1.5}.experience-tech{display:flex;flex-wrap:wrap;font-weight:530;gap:8px}@media(max-width:910px){.experience-names{display:block}}@media(max-width:600px){.experience-card{padding:16px}.experience-card h3{font-size:18px}.experience-card h4{font-size:14px}.experience-points li{font-size:13.5px}}.skills-page{min-height:84vh;padding:20px}.skills-page h1{text-align:center;margin-bottom:20px;color:var(--accent-color)}.skills-tabs-container{width:70vw;height:80%;margin:auto;padding:20px;border-radius:16px;display:flex;flex-direction:column;align-items:center}.skills-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:40px;justify-items:center;align-items:center}.skill-card{background:var(--box-color);width:100px;height:110px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.3s;cursor:pointer}.skill-card:hover{transform:translateY(-5px) scale(1.05)}.skill-card img{width:45px;height:45px;object-fit:contain;margin-bottom:8px}.skill-card p{font-size:14px;text-align:center;color:var(--text-color)}@media(max-width:768px){.skills-tabs-container{width:90vw;height:auto;padding:15px}.skill-card{width:90px;height:100px}.skill-card img{width:38px;height:38px}.skill-card p{font-size:12px}}@media(max-width:480px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:15px}.skill-card{width:80px;height:90px}}.contact-container{display:flex;padding:20px;height:84vh}.contact-info{width:48%;display:flex;justify-content:center;align-items:center}.contact-info-box{width:405px;max-width:70%;min-height:80%;border-radius:10px;transition:.3s ease}.contact-info-box:hover{border-color:#38bdf8;transform:scale(1.02);box-shadow:0 10px 20px #0000004d}.contact-info-box h1{margin-top:20px;margin-bottom:20px;text-align:center;color:var(--accent-color)}.contact-info-box p{font-size:1.35rem;margin:40px 15px;text-align:center;font-weight:400}.contact-item{display:flex;align-items:center;justify-content:center;width:100%;height:40px}.contact-item img{width:20px;margin-right:10px}.contact-link{color:var(--text-color)}.contact-social{display:flex;justify-content:center;align-items:center;gap:50px;height:110px}.contact-social a img{width:60px;height:60px}.form{width:45%;display:flex;justify-content:center;align-items:center}form{width:50%;border-radius:20px;width:405px;max-width:70%;display:flex;flex-direction:column;gap:20px;padding:50px 20px;min-height:65%}form input{padding:10px;border:1px solid var(--box-color);border-radius:5px;font-size:1rem;margin-bottom:10px;background:var(--box-color)}form textarea{padding:10px;border:1px solid var(--box-color);border-radius:5px;font-size:1rem;resize:vertical;min-height:140px;background:var(--box-color)}form button{padding:10px;background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:5px;font-size:1.2rem;cursor:pointer}form button:hover{background-color:var(--text-color);color:var(--accent-color);border:2px solid var(--accent-color)}@media(max-width:1000px){.contact-container{flex-direction:column;height:auto;justify-content:center;align-items:center}.contact-info,.form{width:100%;margin-bottom:20px}}@media(max-width:450px){.contact-info-box,form{width:300px;max-width:90%}.success-message{font-size:10px;padding:8px 12px}}.success-message{position:fixed;top:20%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:9999;min-width:270px;background:#4169e1;color:#fff;padding:16px 26px;border-radius:12px;font-size:16px;font-weight:500;box-shadow:0 10px 30px #00000040;opacity:0;animation:popupFade 3s ease forwards}.success-message.red{background:red}@keyframes popupFade{0%{opacity:0;transform:translate(-50%,-60%) scale(.8)}15%{opacity:.8;transform:translate(-50%,-50%) scale(1)}55%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.8)}}*{margin:0;padding:0;box-sizing:border-box}:root{--background-color: #ffffff;--text-color: #000000;--box-color: #E5E4E2;--accent-color: #4169e1;--blur-effect: blur(4px)}.darkmode{--background-color: #000000;--text-color: #ffffff;--box-color: #333333}body{background:var(--background-color);color:var(--text-color);font-family:Poppins,sans-serif;height:100%}h1,h2,h3{font-weight:600}p{line-height:1.6}a{text-decoration:none}button{cursor:pointer}img{max-width:100%}.floating-nav{position:fixed;right:28px;top:50%;transform:translateY(-50%);background:var(--box-color);padding:10px;border-radius:10px;box-shadow:0 4px 10px #0003;z-index:1000;transition:opacity .5s ease;display:flex;flex-direction:column;height:400px;width:100px}.floating-nav a{display:flex;justify-content:center;align-items:center;margin:auto;border-radius:50%;padding:10px;background-color:var(--background-color)}.floating-nav a img{width:35px;height:35px;transition:.3s ease}.floating-nav a.active{background-color:var(--text-color)}.bottom-nav{display:none;position:fixed;right:50%;bottom:10px;transform:translate(50%);background:var(--box-color);padding:10px;border-radius:10px;box-shadow:0 4px 10px #0003;z-index:1000;transition:opacity .5s ease;height:80px;width:80vw}.bottom-nav a{display:flex;justify-content:center;align-items:center;margin:auto;border-radius:50%;padding:10px;background-color:var(--background-color)}.bottom-nav a img{width:35px;height:35px;transition:.3s ease}.bottom-nav a.active{background-color:var(--text-color)}.bottom-nav.hide{transform:translateY(100%)}@media(max-width:350px){.bottom-nav{height:60px}.bottom-nav a{padding:8px}.bottom-nav a img{width:25px;height:25px}}@media(max-width:450px){.bottom-nav{width:90vw}}@media(max-width:713px){.floating-nav{display:none}.bottom-nav{display:flex}}.header{display:flex;justify-content:center;align-items:center;height:8vh;min-height:70px;font-family:Croissant One,serif;background-color:#4169e1a9}.cursor{color:var(--accent-color);font-weight:lighter}@media(max-width:350px){.header h2{font-size:20px}}.footer{display:flex;justify-content:center;align-items:center;min-height:8vh;background-color:var(--box-color)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.layout-container{flex:1}.error-page{padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-page h1{font-size:36px;margin-bottom:20px}.error-page h2{font-size:24px;margin-bottom:10px}.error-page p{font-size:18px}.loader-box{display:flex;justify-content:center;align-items:center;height:84vh}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;border-top:4px solid var(--text-color);border-right:4px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;border-left:4px solid var(--accent-color);border-bottom:4px solid transparent;animation:rotation .5s linear infinite reverse}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#theme-switch{height:45px;width:45px;border-radius:50%;background-color:#4169e1a9;display:flex;justify-content:center;align-items:center;position:absolute;top:15px;right:20px;border:none}.glow-card{animation:blueGlow 2s infinite alternate}@media(max-width:350px){#theme-switch{top:8px;right:5px}}@keyframes blueGlow{0%{box-shadow:0 0 8px #4169e14d}50%{box-shadow:0 0 15px #4169e199}to{box-shadow:0 0 8px #4169e14d}}