body,html{font-family:Poppins,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.app{background:#f7f7f7;color:#222}.app.dark{background:#111;color:#fff}.footer{background:#ccc;font-size:15px;opacity:.5;padding:10px;text-align:left}body{background:#a8a8a8;color:#222}body.dark{background:#111;color:#fff}body.dark section{background:#000;color:#fff}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f7f79e;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;display:flex;justify-content:space-between;padding:20px 30px;position:fixed;top:0;transition:background .3s,color .3s;width:100%;z-index:1000}.theme-icon{cursor:pointer;font-size:26px;transition:.3s}body.dark .navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;color:#fff;transition:background .3s,color .3s;z-index:1000}.hero{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.hero .highlight{color:#2ecc71}.experience{padding:30px 40px;text-align:center}.experience h2{margin-bottom:50px}.exp-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,260px));justify-content:center;margin-top:40px}.exp-card{perspective:1000px}.exp-inner{cursor:pointer;height:300px;position:relative;transform-style:preserve-3d;transition:transform .7s;width:100%}.exp-card:hover .exp-inner{transform:rotateY(180deg)}.exp-back,.exp-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#ffffff0d;border-radius:12px;box-shadow:0 6px 12px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:15px;position:absolute;width:100%}body.dark .exp-back,body.dark .exp-front{background:#222!important}.exp-front h3{color:#2ecc71;font-size:1.1rem;margin-bottom:5px}.exp-front p{color:#ccc;font-size:.9rem;margin:2px 0}.exp-back{text-align:center;transform:rotateY(180deg)}.exp-back .desc{color:#aaa;font-size:.85rem}.exp-img{aspect-ratio:1/1;border-radius:50%;box-shadow:0 4px 12px #00000040;margin-bottom:20px;object-fit:cover;width:50%}.skills{padding:60px 40px 30px;text-align:center}.skill-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:30px}.skill-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff12;border:1px solid #333;border-radius:10px;font-weight:600;opacity:0;padding:15px 20px;transform:translateY(40px);transition:opacity .2s ease,transform .2s ease}.skill-item.show{opacity:1;transform:translateY(0)}.skill-item:hover{border:1px solid #acacac;transform:scale(1.05)}.projects{padding:30px;text-align:center}.project-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,260px));justify-content:center;margin-top:40px}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.pagination button{background:#2ecc71;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 14px}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{font-weight:700}.project-appear{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.project-appear.show{opacity:1;transform:translateY(0)}.flip-card{perspective:1000px}.flip-inner{align-items:center;cursor:pointer;display:flex;height:300px;justify-content:center;position:relative;transform-style:preserve-3d;transition:transform .7s;width:100%}.flip-card:hover .flip-inner{transform:rotateY(180deg)}.flip-back,.flip-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:2px;position:absolute;width:100%}.flip-front{background:#fff;box-shadow:0 6px 12px #00000026;position:relative;text-align:center}.flip-front img{aspect-ratio:1/1;border-radius:50%;box-shadow:0 4px 12px #00000040;margin-bottom:40px;object-fit:cover;width:50%}.flip-front h3{font-size:1.1rem;font-weight:600;margin:0}.flip-front .tag{background:#2ecc71;border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 8px;position:absolute;right:10px;top:10px}.flip-back{box-shadow:0 6px 12px #00000026;gap:8px;justify-content:center;padding:20px;text-align:center;transform:rotateY(180deg)}.flip-back h3{font-size:1rem;font-weight:600;margin:0}.flip-back p{font-size:.85rem;margin:4px 0}.flip-back a{background:#2ecc71;border-radius:6px;color:#fff;display:inline-block;font-size:.85rem;margin-top:8px;padding:6px 12px;text-decoration:none;transition:background .3s ease}.flip-back a:hover{background:#27ae60}body.dark .flip-front{background:#222;color:#eee}body.dark .flip-front .tag{background:#17aa54}body.dark .flip-back{background:#222;color:#fff}.filter-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.filter-buttons button{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#333;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.filter-buttons button:hover{background:#2ecc710d;border-radius:6px;color:#2ecc71}.filter-buttons .active{border-bottom:2px solid #2ecc71;color:#2ecc71}body.dark .filter-buttons button{color:#ccc}body.dark .filter-buttons button:hover{background:#2ecc711a;color:#2ecc71}body.dark .filter-buttons .active{background:#2ecc7126;color:#2ecc71}.contact{padding:60px 30px 40px;text-align:center}.contact-buttons{gap:25px;margin-top:30px}.contact-buttons,.icon-btn{display:flex;justify-content:center}.icon-btn{align-items:center;background:#2ecc7133;border:1px solid #2ecc71;border-radius:50%;color:#2ecc71;cursor:pointer;font-size:1.5rem;height:60px;opacity:0;transform:translateY(30px) scale(.8);transition:opacity .6s ease,transform .6s ease,background .3s,color .3s;width:60px}.icon-btn.show{opacity:1;transform:translateY(0) scale(1)}.icon-btn:hover{background:#27ae60;color:#fff;transform:translateY(-5px) scale(1.1)}body.dark .icon-btn{background:#ffffff0d;border-color:#555;color:#fff}body.dark .icon-btn:hover{background:#17aa54;color:#fff}.icon-btn a{align-items:center;color:inherit;display:flex;height:100%;justify-content:center;text-decoration:none;width:100%}.about{padding:30px 20px}.about-container{display:flex;gap:40px;margin-top:30px}.about-left{display:flex;flex:1 1 250px;justify-content:center}.profile-img{border-radius:100%;box-shadow:0 4px 12px #0000001a;height:auto;width:50%}.about-right{flex:4 1 400px}.info-cards{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.info-card{align-items:center;background:#fff;border-radius:12px;display:flex;gap:10px;padding:15px 20px}body.dark .info-card{background:#222;box-shadow:0 4px 8px #00000080;color:#fff}.info-icon{font-size:24px}.info-label{font-weight:600;margin:0}.info-value{color:#555;font-size:14px;margin:2px 0 0}body.dark .info-value{color:#ccc}
/*# sourceMappingURL=main.8fe56914.css.map*/