body{font-family:"Segoe UI",Arial,sans-serif;background:#181c24;color:#f5f5f5;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.navbar{position:fixed;top:0;left:0;right:0;background:#23272f;display:flex;align-items:center;justify-content:space-between;padding:.7rem 2rem;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.08)}.navbar-logo{font-weight:700;font-size:1.3rem;letter-spacing:2px;color:#ffb347}.navbar ul{list-style:none;display:flex;grid-gap:2rem;gap:2rem;margin:0;padding:0}.navbar a{color:#f5f5f5;text-decoration:none;font-size:1rem;transition:color .2s}.navbar a:hover{color:#ffb347}.page-container{margin-top:80px}.content-wrapper{max-width:900px;padding:2rem;background:#23272f;border-radius:1rem;box-shadow:0 4px 24px rgba(0,0,0,.15);animation:fadeInUp 1s;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:5rem auto 2rem}.modern-fadein{opacity:0;animation:fadeInUp 1.2s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.about-header{display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.profile-img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #ffb347}.about-desc{font-size:1.2rem;color:#f5f5f5;margin-bottom:2rem;margin-top:1rem;line-height:1.7;padding:0 1rem}.about strong{color:#ffb347;font-size:1.5rem}.follow{margin-top:1.5rem;font-size:1.2rem;display:flex;align-items:center;grid-gap:1rem;gap:1rem}.follow span{color:#ffb347}.follow a{color:#f5f5f5;margin:0 .5rem;transition:color .2s,transform .2s;display:inline-block}.follow a:hover{color:#ffb347;transform:scale(1.2) rotate(-8deg)}.portfolio-desc{color:#ffb347;font-size:1.1rem;margin-bottom:1.5rem;text-align:center}.flexer.scroll-x{display:flex;overflow-x:auto;grid-gap:1.5rem;gap:1.5rem;padding:1rem 0;justify-content:center}.box{min-width:120px;max-width:160px;cursor:pointer;background:#181c24;border-radius:.7rem;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s cubic-bezier(.68,-.55,.27,1.55),box-shadow .2s;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:1rem .5rem .7rem;position:relative}.box img{width:80px;height:80px;object-fit:contain;margin-bottom:.5rem;transition:transform .3s}.box span{color:#ffb347;font-size:1.05rem;font-weight:500;margin-top:.2rem;letter-spacing:.5px}.box:hover{transform:translateY(-10px) scale(1.08) rotate(-2deg);box-shadow:0 6px 24px rgba(255,179,71,.15);background:#23272f}.box img:hover{transform:scale(1.15) rotate(4deg)}.card-detail{margin-top:2rem;background:#181c24;border-radius:.7rem;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);min-height:80px;animation:fadeInUp .8s}.card-detail h1,.card-detail h2{color:#ffb347;margin-bottom:.7rem}.card-detail p{color:#f5f5f5;font-size:1.1rem}.contact h1{color:#ffb347;margin-bottom:1rem;text-align:center}.contact p{font-size:1.15rem;color:#f5f5f5;text-align:center;margin-bottom:2rem;padding:0 1rem}.contact .contact{display:flex;justify-content:center;margin-top:2rem}.contact .contact a{background:linear-gradient(90deg,#ffb347,#fc3);color:#23272f;font-weight:700;padding:.8rem 2rem;border-radius:2rem;text-decoration:none;font-size:1.1rem;box-shadow:0 2px 8px rgba(255,179,71,.15);transition:background .2s,color .2s,transform .2s}.contact .contact a:hover{background:#23272f;color:#ffb347;border:2px solid #ffb347;transform:scale(1.08)}.home .hero{text-align:center;padding:3rem 1rem 2rem;animation:fadeInUp 1.2s forwards}.home .hero h1{font-size:2.5rem;margin-bottom:1rem;color:#ffb347}.home .hero .highlight{color:#fc3;font-weight:700}.home .hero p{font-size:1.3rem;margin-bottom:2rem;color:#f5f5f5}.home .cta-btn{display:inline-block;background:linear-gradient(90deg,#ffb347,#fc3);color:#23272f;font-weight:700;padding:.8rem 2rem;border-radius:2rem;text-decoration:none;font-size:1.1rem;box-shadow:0 2px 8px rgba(255,179,71,.15);transition:background .2s,color .2s}.home .cta-btn:hover{background:#23272f;color:#ffb347;border:2px solid #ffb347}.about,.contact,.home,.portfolio{display:flex;flex-direction:column;align-items:center;justify-content:center}.flexer.scroll-x.no-scrollbar{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.flexer.scroll-x.no-scrollbar::-webkit-scrollbar{display:none}.modal-overlay{position:fixed;z-index:2000;top:0;left:0;right:0;bottom:0;background:rgba(24,28,36,.85);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s}.modal-content{background:#23272f;padding:2rem 2.5rem;border-radius:1rem;box-shadow:0 8px 32px rgba(0,0,0,.25);min-width:300px;max-width:90vw;max-height:70vh;height:60vh;overflow-y:auto;position:relative;animation:fadeInUp .4s}.modal-content h2{color:#ffb347;margin-bottom:1rem}.modal-content p{color:#f5f5f5;font-size:1.1rem}.modal-close{position:absolute;top:1rem;right:1.2rem;background:none;border:none;color:#ffb347;font-size:2rem;cursor:pointer;transition:color .2s}.modal-close:hover{color:#fc3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loader-bg{position:fixed;z-index:2000;top:0;left:0;right:0;bottom:0;background:#181c24;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-meter{width:300px;height:12px;background:#23272f;border-radius:6px;overflow:hidden;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,.12)}.loader-bar{height:100%;background:linear-gradient(90deg,#ffb347,#fc3);transition:width .2s}.loader-text{color:#ffb347;font-size:1.1rem;letter-spacing:1px}@media (max-width:600px){.content-wrapper{padding:1rem;margin:1rem;max-width:98vw}.about h1,.contact h1,.hero h1,.portfolio h1{font-size:1.5rem!important}.box img{width:70px;height:70px;padding:.5rem}.card-detail{padding:1rem}.navbar{flex-direction:column;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem}.navbar ul{grid-gap:1rem;gap:1rem}}*{font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}.hcover{background-size:cover;background-image:url(/static/media/bg.76ac3922.webp);background-attachment:fixed}.hcover .image-container{width:160px;margin:auto;padding:3rem 0}.image-container img{width:160px;height:160px;border-radius:50%;margin:auto}.content-wrapper{text-align:center;padding:2% 0}.home h3{line-height:40px}.content-wrapper .flexer{display:flex;overflow-x:hidden}.content-wrapper .box{width:260px;height:auto;border:1px solid #aaa}.flexer .box:not(:first-child){margin-left:5px}.content-wrapper .box img{width:200px;height:auto}.content-wrapper .box img:hover{opacity:.6;cursor:pointer}.flexer .to-right{position:absolute;right:0;bottom:0}.to-right img{margin-top:1.5rem;height:100px;width:100px;cursor:pointer}.arrow-balence{display:flex}.card-detail{text-align:left;padding:20px 0}.about strong{font-size:2rem}.follow{padding:3rem 0}.follow a{font-size:1.5rem;padding:0 .6rem;color:red}.contact{padding:3rem 0}.contact a{font-size:1.5rem;padding:.6rem 1rem;color:red;border:1px solid red}.contact a:hover{background:red;color:#aaa}.tabs-container{width:50%;margin:2rem auto}.react-tabs__tab-list{display:flex}.react-tabs__tab{width:100%;text-align:center;font-weight:700;text-transform:uppercase}@media screen and (max-width:960px){.tabs-container{width:95%}.react-tabs__tab-list{display:flex;overflow-x:scroll;overflow-y:hidden}}.main-content{margin:50px auto;padding:20px;max-width:600px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.main-content .animated-button{display:inline-block;margin-top:20px;padding:15px 30px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(45deg,#f60,#ff4500);border:none;border-radius:25px;text-decoration:none;transition:all .4s ease-in-out;box-shadow:0 4px 6px rgba(0,0,0,.2)}.main-content .animated-button:hover{background:linear-gradient(45deg,#ff4500,#f60);transform:scale(1.1);box-shadow:0 6px 10px rgba(0,0,0,.3);text-shadow:0 2px 4px rgba(0,0,0,.3)}
/*# sourceMappingURL=main.48fed541.chunk.css.map */