*{margin:0;padding:0;box-sizing:border-box}html,body{scroll-behavior:smooth;height:100%;margin:0}body.noscroll{overflow:hidden}#tsparticles{position:absolute;width:100%;height:100%;z-index:0}#loading-page{width:100%;height:100vh;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-container{text-align:center;z-index:5;pointer-events:none;position:relative}.main-name{font-size:100px;font-weight:700;color:#222222;opacity:0;transform:translateY(60px) scale(.95);letter-spacing:1px}.subtitle{font-size:24px;color:#444444;letter-spacing:2px;margin-top:15px;opacity:0;transform:translateY(40px)}.subtitle span{font-family:"playball"}.overlay{position:absolute;width:100%;height:100%;background:#FFEEE2;z-index:10}.enter-msg{position:absolute;bottom:40px;width:100%;text-align:center;font-size:18px;color:#444;opacity:0;z-index:5;animation:fadeIn 2s ease 2.5s forwards}@keyframes fadeIn{to{opacity:1}}#main-container{padding:0;width:90%;margin:auto}#navbar{border-bottom:1px solid rgba(120,120,120,.648)}#navbar .content{display:flex;align-items:center;column-gap:20px}#navbar .content .box{width:50%}#navbar .content .box .logo{margin-left:3%}#navbar .content .box img{width:20vh}#navbar .content .box ul{display:flex;justify-content:center;column-gap:40px;align-items:center;list-style-type:none;margin-left:20%;margin-top:10px}#navbar .content .box ul li a{text-decoration:none;color:black;font-family:"DM Sans",serif;font-size:16px;font-weight:500}#burger-menu{display:none;width:50%;text-align:end}#burger-menu img{width:5vh}#burger-menu #nav-cross{display:none}body.blurred{filter:blur(4px);overflow:hidden}#mobile-menu{background:linear-gradient(145deg,#e2e2e2,#ffffff);width:100%;height:100vh;position:fixed;top:80px;left:0;z-index:1000;display:none;padding:20px;transform:translate(-50%,-100%) rotate(-10deg);box-shadow:0 8px 20px rgba(0,0,0,.2);overflow:hidden;animation:none}#mobile-menu::before,#mobile-menu::after{content:'';position:absolute;width:150%;height:150%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);top:-50%;left:-50%;z-index:-1;transform:rotate(45deg);animation:pulse 3s infinite}#mobile-menu::after{animation-delay:1s}@keyframes pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}100%{opacity:.5;transform:scale(1)}}@keyframes slideTilt{0%{transform:translate(-50%,-100%) rotate(-10deg);opacity:0}50%{transform:translate(-50%,10%) rotate(5deg);opacity:.8}100%{transform:translate(0,0) rotate(0deg);opacity:1}}@keyframes slideTiltClose{0%{transform:translate(0,0) rotate(0deg);opacity:1}50%{transform:translate(-50%,10%) rotate(5deg);opacity:.8}100%{transform:translate(-50%,-100%) rotate(-10deg);opacity:0}}#mobile-menu ul{padding:0;padding-left:10px;padding-top:10px}#mobile-menu ul li{list-style-type:none;margin-bottom:4%}#mobile-menu .content ul li a{text-decoration:none;color:black;font-family:"Arimo",serif}#mobile-menu .content .call-btn{width:100%;text-align:center;margin-top:6%}#mobile-menu .content .call-btn button{width:80%;padding:10px 15px;border-radius:30px;background:#FFEEE2;border:1px solid rgba(133,132,132,.859)}#mobile-menu .content .call-btn button a{text-decoration:none;font-family:"Arimo",serif;color:black;font-weight:500;letter-spacing:2px}#mobile-menu .content .socil-icons{display:flex;justify-content:start;padding-left:10px;align-items:center;align-items:center;width:100%;margin-top:7%;column-gap:20px}#mobile-menu .content .socil-icons h6{font-weight:700;font-size:16px;margin-right:10px}#mobile-menu .content .socil-icons p{width:45px;height:45px;border-radius:50%;padding:8px;margin-top:12px;display:flex;justify-content:center;align-items:center;background:#69686859}#mobile-menu .content .socil-icons p img{width:4.5vh}#my-work{margin-top:10%}#my-work .content .work-box{display:flex;width:100%;height:400px;align-items:center;justify-content:center;position:relative;overflow:hidden}#my-work .content .work-box .box1{width:60%;height:100%;position:relative;background:url('../images/laptop-dummy.png') center/contain no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.scroll-frame{width:65.8%;height:82.5%;overflow-y:auto;overflow-x:hidden;position:absolute;top:5.8%;left:16.9%;right:12%;bottom:10%;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.scroll-frame::-webkit-scrollbar{width:6px}.scroll-frame::-webkit-scrollbar-track{background:#f1f1f1}.scroll-frame::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.scroll-frame::-webkit-scrollbar-thumb:hover{background:#555}.website-screenshot{width:100%;height:auto;display:block}#my-work .content .work-box .box2{width:40%;position:sticky;right:0;top:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;box-sizing:border-box}#my-work .content .work-box .box2 h4{color:#03526c;font-family:"Redressed",serif;font-weight:400;font-size:16px}#my-work .content .work-box .box2 p a{text-decoration:none;color:black;font-weight:400;font-size:22px}#my-work2{margin-top:10%}#my-work2 .content .work-box2{display:flex;width:100%;height:400px;align-items:center;justify-content:center;position:relative;overflow:hidden}#my-work2 .content .work-box2 .box1{width:60%;height:100%;position:relative;background:url('../images/laptop-dummy.png') center/contain no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.scroll-frame2{width:66.1%;height:82.5%;overflow-y:auto;overflow-x:hidden;position:absolute;top:5.8%;left:16.9%;right:12%;bottom:10%;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.scroll-frame2::-webkit-scrollbar{width:6px}.scroll-frame2::-webkit-scrollbar-track{background:#f1f1f1}.scroll-frame2::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.scroll-frame2::-webkit-scrollbar-thumb:hover{background:#555}#my-work2 .content .work-box2 .box2{width:40%;position:sticky;right:0;top:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;text-align:end;box-sizing:border-box}#my-work2 .content .work-box2 .box2 h4{color:#03526c;font-family:"Redressed",serif;font-weight:400;font-size:16px;margin-top:-10px}#my-work2 .content .work-box2 .box2 p a{text-decoration:none;color:black;font-weight:400;font-size:22px}#footer{margin-top:8%;border-top:1px solid rgba(120,120,120,.648);height:100px}#footer .content{display:flex;justify-content:space-between;align-items:center;padding-top:30px}#footer .content p a{text-decoration:none;color:black}#contact-us{margin-top:5%;padding:0}#contact-us .content{display:flex;justify-content:center}#contact-us .content .box1{width:60%;position:relative;left:-90px;top:-20px;transform:rotate(-90deg)}#contact-us .content .box1 .text h1{font-family:"DM Sans",serif;font-size:50px}#contact-us .content .box1 .text p{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-size:20px;font-weight:500}#contact-us .content .box2{width:65%}#contact-us .content .box2 .greeting{position:relative;top:-10%;text-align:end}#contact-us .content .box2 .greeting h1{font-size:70px;font-style:italic}#contact-us .content .box2 .greeting p{font-size:25px;font-family:"Playball",serif}#contact-us .content .box2 .form{text-align:start;position:relative;width:80%;left:20%}#contact-us .content .box2 .form form .input-form{position:relative;margin-bottom:25px}#contact-us .content .box2 .form form .input-form input:-webkit-autofill,#contact-us .content .box2 .form form .input-form textarea:-webkit-autofill{background:transparent!important;-webkit-box-shadow:0 0 0 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;transition:background-color 5000s ease-in-out 0s!important}#contact-us .content .box2 .form form .input-form input,#contact-us .content .box2 .form form .input-form textarea{background:transparent;width:100%;height:35px;border:none;border-bottom:1px solid grey;font-size:16px;padding:5px;outline:none;transition:border-bottom .3s ease}#contact-us .content .box2 .form form .input-form textarea{height:120px}#contact-us .content .box2 .form form .input-form label{position:absolute;left:5px;top:5px;font-size:16px;color:rgb(54,54,54);transition:all .3s ease-in-out;pointer-events:none}.textarea-group{position:relative}.mic-button{position:absolute;right:10px;bottom:10px;cursor:pointer;z-index:1}.mic-button img{width:24px;height:24px}.mic-button.recording img{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}#contact-us .content .box2 .form form .input-form textarea.mic-active + label{top:-15px;left:0;font-size:14px}#contact-us .content .box2 .form form .input-form input:focus+label,#contact-us .content .box2 .form form .input-form textarea:focus+label,#contact-us .content .box2 .form form .input-form input:valid+label,#contact-us .content .box2 .form form .input-form textarea.filled+label{top:-15px;left:0;font-size:14px}.input-form input:focus+label span,.input-form textarea:focus+label span{display:none}.input-form textarea.mic-active ~ label span{display:none}#contact-us .content .box2 .form form .input-form button{background:transparent;color:rgb(54,54,54);border:none;padding:10px 15px;font-size:16.5px;font-weight:400;cursor:pointer;transition:background .3s}.cta-btn{position:fixed;bottom:80px;right:40px;z-index:1000}.cta-btn button{display:flex;align-items:center;padding:15px;font-size:18px;background:#6F4E37;color:white;border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.2);position:relative;overflow:hidden;width:55px;height:55px;transition:width .4s ease,padding .3s ease;white-space:nowrap}.cta-btn button .icon{display:flex;justify-content:center;align-items:center}.cta-btn button img{width:25px;height:25px;transition:transform .3s ease}.cta-btn button span a{color:white;text-decoration:none}.cta-btn button .text{opacity:0;max-width:0;overflow:hidden;transition:opacity .3s ease,max-width .3s ease;padding-left:10px;font-size:13.5px}.cta-btn button:hover{width:auto;padding:10px 20px}.cta-btn button:hover .text{opacity:1;max-width:300px}.cta-btn button:hover img{transform:translateY(-2px)}.cta-btn button:focus{outline:none}.cta-btn button:active{transform:scale(.98)}#detail-page{margin-top:7%}#detail-page .content .box{width:100%;display:flex;justify-content:start}#detail-page .content .box h2{text-align:start;font-family:"serif";font-weight:400;font-size:80px}#detail-page .content .box h2 span{font-family:"Playball",serif;font-weight:400}#summary{margin-top:10%}#summary .content{display:flex;justify-content:center}#summary .content .box{width:50%}#summary .content .box .image{width:80%;height:760px}#summary .content .box .image img{width:100%;height:100%}#summary .content .box2 h5{margin-top:-50px;margin-bottom:20px}#summary .content .box2 p{font-size:20px;font-family:Georgia,'Times New Roman',Times,serif}#summary .content .box2 .greet{margin-top:5%}#summary .content .box2 .greet h1{font-size:80px;font-style:italic;font-family:'Times New Roman',Times,serif}#projects-done{margin-top:5%}#projects-done .content .total{display:flex;justify-content:space-around;margin-top:40px;column-gap:10px}#projects-done .content .total ul{width:100%;padding-left:0}#projects-done .content .total ul li{border-bottom:1px solid rgba(62,62,62,.414);padding:15px 2px;list-style:none;width:80%;padding-left:15px}#projects-done .content .total ul li a{text-decoration:none;color:black;font-size:25px;font-family:"Marcellus",serif}#projects-done .content .total ul li a span{margin-right:8px}#projects-done .content .total ul li a span img{width:4vh}#afterwords{margin-top:5%}#afterwords .content{display:flex;justify-content:start;width:100%;margin:auto;column-gap:40px}#afterwords .content .box{width:50%}#afterwords .content .box p{font-size:18px}#afterwords .content .box .quote{position:relative}#afterwords .content .box .quote h6{font-size:55px;font-weight:500;font-style:italic;font-family:'Times New Roman',Times,serif}#acknowledgement{display:flex;justify-content:end;margin-top:5%}#acknowledgement .content{width:40%}#acknowledgement .content p{font-size:18px}.cta-popup{background:rgba(0,0,0,.9);padding:40px;border-radius:10px;max-width:500px;box-shadow:0 0 15px rgba(0,0,0,.3);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);text-align:center;z-index:1000;display:none;opacity:0;transition:transform .5s ease-out,opacity .5s ease-out}.show-popup{display:block;opacity:1;transform:translate(-50%,-50%) scale(1);animation:bounce .6s ease-out}.close-btn{position:absolute;top:10px;right:15px;font-size:22px;cursor:pointer;color:#fff}.close-btn:hover{color:#ffcc00}h1{font-size:26px;margin-bottom:15px}p{font-size:18px;margin-bottom:20px;line-height:1.5}.cta-button{display:inline-block;padding:12px 25px;font-size:18px;font-weight:bold;background:#ffcc00;color:#000;text-decoration:none;border-radius:5px;transition:.3s}.cta-button:hover{background:#ffd633;transform:scale(1.05)}@keyframes bounce{0%{transform:translate(-50%,-60%) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}100%{transform:translate(-50%,-50%) scale(1)}}.cookie-banner{position:fixed;bottom:0;width:100%;background:#fef7f7;border-top:1px solid #ccc;padding:15px 20px;box-shadow:0 -2px 5px rgba(0,0,0,.1);z-index:1000}.cookie-content{display:flex;align-items:center;gap:10px;width:95%;margin:auto}.cookie-text{font-size:14px;color:#333;width:70%}.cookie-actions{display:flex;gap:10px;width:25%;justify-content:flex-end}.btn-primary,.btn-secondary{padding:8px 14px;border:none;border-radius:5px;cursor:pointer;font-size:13px}.btn-primary{background-color:#890c25;color:white}.btn-secondary{background-color:#f0f0f0;color:#333}body{padding-bottom:80px}