@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--dark-one:#1e1e1e;--dark-two:#d4d4d4;--main-color:#4ec9b0;--light-one:#fff;--light-two:#252526;--light-three:#2d2d30;--kali-cyan:#4ec9b0;--kali-orange:#ce9178;--kali-yellow:#dcdcaa;--kali-blue:#569cd6;--kali-green:#608b4e}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Poppins,sans-serif}p{color:#d4d4d4;color:var(--dark-two)}body{background-color:#1e1e1e;color:#d4d4d4;min-width:320px}a{text-decoration:none}ul{list-style:none}h1,h2,h3,h4,h5,h6{color:#4ec9b0;color:var(--kali-cyan)}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;width:100%}.container{margin:0 auto;max-width:98rem;padding:0 4rem;position:relative;z-index:5}.stop-scrolling{height:100%;overflow:hidden}.grid-2{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);justify-content:center}.text{color:#d4d4d4;color:var(--dark-two);font-size:1.25rem;line-height:1.6}.column-1{margin-right:1.5rem}.column-2{margin-left:1.5rem}.image{align-items:center;display:flex;justify-content:center}.image,.z-index{position:relative}.z-index{z-index:2}.overlay{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.overlay .shape{opacity:.13;position:absolute;width:auto}.overlay.overlay-lg .shape{height:55px}.overlay.overlay-lg .shape.wave{height:auto;width:88px}.overlay.overlay-lg .shape.xshape{height:38px}.overlay.overlay-sm .shape{filter:brightness(0) invert(1);height:40px;opacity:.15}.overlay.overlay-sm .shape.wave{height:auto;width:70px}.overlay.overlay-sm .shape.xshape{height:30px}.points{opacity:.3;position:absolute}.section{overflow:hidden;padding:7rem 0}.section-header{margin-bottom:1.5rem;text-align:center}.title{color:#4ec9b0;color:var(--kali-cyan);display:inline-block;font-size:2.8rem;line-height:1;margin-bottom:.6rem;padding-bottom:1rem;position:relative;text-shadow:0 0 15px #4ec9b080}.title:before{color:#4ec9b0;color:var(--main-color);content:attr(data-title);display:block;font-size:1.15rem;font-weight:500;letter-spacing:3px;margin-bottom:.4rem;text-transform:uppercase}.title:after{background-color:#4ec9b0;background-color:var(--main-color);border-radius:3px;bottom:0;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:90px}.section-header .text{margin:0 auto;max-width:600px}.title-sm{color:#4ec9b0;color:var(--kali-cyan);font-size:1.6rem;font-weight:600;text-shadow:0 0 10px #4ec9b04d}.points-sq{width:210px}.btn{background:linear-gradient(135deg,#4ec9b0,#3da58a);border:1px solid #4ec9b080;border-radius:.5rem;box-shadow:0 0 20px #4ec9b04d;color:#fff;color:var(--light-one);display:inline-block;font-size:1.05rem;font-weight:500;padding:.85rem 2rem;text-shadow:0 0 5px #00000080;text-transform:uppercase;transition:.3s}.btn:hover{background:linear-gradient(135deg,#3da58a,#2d7a6a);box-shadow:0 0 30px #4ec9b099;transform:translateY(-2px)}.btn.small{font-size:1rem;padding:.7rem 1.8rem}header{background:linear-gradient(135deg,#1e1e1e,#252526 50%,#1e1e1e);box-shadow:0 2px 10px #4ec9b01a;overflow:hidden}header,nav{position:relative;width:100%}nav{z-index:50}nav .container{height:6rem;justify-content:space-between}.logo,nav .container{align-items:center;display:flex}.logo{width:165px}.links ul{display:flex}.links a{color:#d4d4d4;color:var(--dark-two);display:inline-block;font-size:1.05rem;font-weight:500;line-height:1;padding:.9rem 1.2rem;text-shadow:0 0 5px #4ec9b04d;text-transform:uppercase;transition:.3s}.links a.active{background-color:#4ec9b0;background-color:var(--main-color);border-radius:.5rem;color:#fff;color:var(--light-one);font-size:1rem;margin-left:1rem;padding:.9rem 2.1rem}.links a:hover{color:#4ec9b0;color:var(--main-color)}.links a.active:hover{background-color:#3da58a;box-shadow:0 0 15px #4ec9b080;color:#fff;color:var(--light-one)}.hamburger-menu{align-items:center;display:none;height:3rem;justify-content:flex-end;position:relative;width:2.7rem;z-index:100}.hamburger-menu .bar{box-shadow:0 0 10px #4ec9b080;position:relative}.bar:after,.bar:before,.hamburger-menu .bar{background-color:#4ec9b0;background-color:var(--kali-cyan);border-radius:3px;height:3px;transition:.5s;width:2.1rem}.bar:after,.bar:before{content:"";position:absolute}.bar:before{transform:translateY(-9px)}.bar:after{transform:translateY(9px)}nav.open .hamburger-menu .bar{background-color:initial;transform:rotate(1turn)}nav.open .hamburger-menu .bar:before{background-color:#fff;background-color:var(--light-one);transform:translateY(0) rotate(45deg)}nav.open .hamburger-menu .bar:after{background-color:#fff;background-color:var(--light-one);transform:translateY(0) rotate(-45deg)}nav.open .links{transform:translateX(0)}.header-content .container.grid-2{grid-template-columns:2.5fr 3.5fr;min-height:calc(100vh - 6rem);padding-bottom:2.5rem;text-align:left}.header-title{color:#4ec9b0;color:var(--kali-cyan);font-size:3.8rem;font-weight:700;line-height:.8;text-shadow:0 0 20px #4ec9b080,0 0 40px #4ec9b04d}.header-content .text{color:#d4d4d4;color:var(--dark-two);margin:2.15rem 0}.header-content .text p{color:#d4d4d4!important;color:var(--dark-two)!important}.header-content .text .small-desc{color:#d4d4d4;color:var(--dark-two);font-size:15px;margin-top:3px;opacity:.9}.header-content .image .img-element{max-width:750px}header .points1{bottom:-75px;left:-150px;width:420px}header .points2{left:71%;top:65%;width:70%}header .square{right:68%;top:71%}header .triangle{bottom:75%;right:7%}header .xshape{bottom:50%;right:4%}header .half-circle1{bottom:82%;left:50%}header .half-circle2{left:5%;top:67%}header .wave1{bottom:75%;left:20%}header .wave2{bottom:8%;right:55%}header .circle{bottom:63%;left:38%}.letters{left:15px;opacity:.08;position:absolute;top:-5px;width:13.5%}.services{background:linear-gradient(180deg,#1e1e1e,#252526)}.cards{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}.card-wrap{margin:1.7rem .8rem}.card,.card-wrap{position:relative}.card{align-items:center;background:linear-gradient(145deg,#252526,#2d2d30);border:1px solid #4ec9b033;box-shadow:0 4px 15px #0000004d;display:flex;justify-content:center;max-width:390px;min-height:520px;overflow:hidden;padding:3rem 2rem;text-align:center;transition:.3s;width:100%}.card:before{color:#4ec9b0;color:var(--main-color);content:attr(data-card);font-size:6rem;font-weight:800;line-height:1;opacity:.025;position:absolute;right:-15px;top:-15px}.card:after{background-color:#4ec9b0;background-color:var(--main-color);bottom:0;content:"";height:0;left:0;position:absolute;transition:.3s;width:100%}.card-wrap:hover .card{transform:translateY(-15px)}.card-wrap:hover .card:after{height:8px}.icon{margin-bottom:1.7rem;width:90px}.card .title-sm{line-height:.8}.card .text{font-size:1.15rem;margin:1.8rem 0}.services .points1{bottom:-50px;left:-125px;opacity:.2;pointer-events:none}.services .points2{bottom:-70px;opacity:.2;pointer-events:none;right:-65px}.portfolio{background:linear-gradient(180deg,#1e1e1e,#252526);position:relative;width:100%}.background-bg{background:linear-gradient(135deg,#4ec9b0,#3da58a 50%,#2d7a6a);box-shadow:0 5px 20px #4ec9b04d;height:520px;left:0;position:absolute;top:0;width:100%}.portfolio .title,.portfolio .title:before{color:#fff;color:var(--light-one)}.portfolio .title:after{background-color:#fff;background-color:var(--light-one)}.filter{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.filter-btn{background-color:initial;border:none;border-radius:.5rem;color:#fff;color:var(--light-one);cursor:pointer;font-size:1.1rem;font-weight:500;line-height:1;margin:.45rem .4rem;outline:none;padding:.85rem 1.8rem;text-transform:uppercase;transition:.3s}.filter-btn.active{background-color:#fff;background-color:var(--light-one);color:#4ec9b0;color:var(--main-color)}.portfolio .square{left:20%;top:28%}.portfolio .circle{right:35%;top:8%}.portfolio .triangle{bottom:10%;right:4%}.portfolio .half-circle1{bottom:13%;left:5%}.portfolio .half-circle2{right:20%;top:35%}.portfolio .xshape{right:8%;top:10%}.portfolio .wave{left:6%;top:38%}.grid{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:center;margin:1.5rem 0;width:100%}.grid>a{display:block;width:33.33%}.grid-item,.grid>a{box-sizing:border-box}.grid-item{display:flex;justify-content:center;padding:1rem 1.2rem;width:100%}.gallery-image{border-radius:.5rem;cursor:pointer;height:330px;overflow:hidden;position:relative;width:100%}.gallery-image img{height:115%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center;transition:.5s;width:auto}.gallery-image .img-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#4ec9b0d9,#3da58ae6);color:#fff;color:var(--light-one);display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;opacity:0;padding:2rem 3.2rem;position:absolute;top:0;transition:.5s;width:100%;z-index:2}.img-overlay .plus{margin:auto 0;position:relative}.plus:after,.plus:before{background-color:#fff;background-color:var(--light-one);border-radius:3px;content:"";height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4.5rem}.plus:before{transform:translate(-50%,-50%) rotate(-90deg)}.img-description{width:100%}.img-overlay h3{font-size:1.5rem;font-weight:600;text-transform:uppercase}.img-overlay h5{font-size:1.15rem;font-weight:300}.gallery-image:hover .img-overlay{opacity:1}.gallery-image:hover img{transform:translate(-50%,-50%) scale(1.1)}.more-folio{display:flex;justify-content:center}.about{background:linear-gradient(180deg,#252526,#1e1e1e);overflow:hidden}.about img{max-width:600px}.about .text{margin-top:1rem}.skills{margin:1.5rem 0 2.5rem}.skill{margin:1rem 0}.skill-title{color:#555;font-weight:600;margin-bottom:.3rem}.skill-bar{background-color:#4ec9b033;border-radius:4px;box-shadow:inset 0 0 5px #0000004d;height:8px;overflow:hidden;position:relative;width:70%}.skill-progress{background:linear-gradient(90deg,#4ec9b0,#3da58a);box-shadow:0 0 10px #4ec9b099,0 0 20px #4ec9b066;height:100%;left:0;position:absolute;top:0;transition:1s;width:0}.about .column-1{position:relative}.about .column-1:before{color:#4ec9b0;color:var(--main-color);content:"About";font-size:8rem;font-weight:800;left:0;line-height:0;opacity:.04;position:absolute;top:20px}.about .points{left:80%;opacity:.1;top:65%;width:300px}.records{background:linear-gradient(135deg,#4ec9b0,#3da58a 50%,#2d7a6a);box-shadow:inset 0 0 50px #0003;padding:5.2rem 0;position:relative}.records .container{grid-column-gap:1.5rem;grid-row-gap:2rem;align-items:center;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;text-align:center}.record-circle{border:4px solid #fff;border:4px solid var(--light-one);border-radius:50%;color:#fff;color:var(--light-one);display:flex;flex-direction:column;height:180px;justify-content:center;margin:0 auto;width:180px}.record-circle.active{background-color:#fff;background-color:var(--light-one);box-shadow:0 0 0 15px #ffffff80,0 0 30px #4ec9b080;color:#1e1e1e}.number{font-size:2.35rem;font-weight:400}.sub-title{font-size:1.12rem;font-weight:400;text-transform:uppercase}.records .square1{left:8%;top:10%}.records .square2{bottom:70px;right:90px}.records .xshape{right:120px;top:45px}.records .circle{bottom:50px;left:7%}.records .triangle{bottom:35px;left:65%}.records .wave1{right:30%;top:35px}.records .wave2{bottom:40px;left:28%}.records .half-circle{right:50%;top:30px}.add-perc:after{content:"%"}.add-plus:after{content:"+"}.testimonials{background:linear-gradient(180deg,#1e1e1e,#252526);overflow:hidden}.testi-content{margin-top:3rem}.reviews{overflow:hidden}.review{padding:2rem 1.5rem;position:relative}.review-text{color:#d4d4d4!important;color:var(--dark-two)!important}.quote{color:#4ec9b0;color:var(--main-color);font-size:8rem;left:0;opacity:.04;position:absolute;top:0}.rate{color:#ebc000;display:flex;font-size:1.4rem;margin-bottom:1.5rem}.rate i{margin-right:.3rem}.review-text{color:#444;font-size:1.35rem;font-weight:300;line-height:1.7}.review-info{margin-top:2rem}.review-name{color:#1e1e1e;color:var(--dark-one);font-size:1.3rem;font-weight:700}.review-job{color:#777;font-size:1.15rem;font-weight:300}.review-nav{bottom:2.2rem;color:#4ec9b0;color:var(--main-color);font-size:1.8rem;top:auto}.swiper-button-next{left:auto;right:2rem}.swiper-button-prev{left:auto;right:4.5rem}.swiper-button-next:after,.swiper-button-prev:after{display:none}.contact{padding:13.5rem 0 8.5rem;position:relative;width:100%}.contact:after,.contact:before{content:"";left:0;position:absolute;width:100%;z-index:-1}.contact:before{background:url(/static/media/map.145789dc3c28d1e201a9.png) 50%;height:40%;top:0}.contact:after{background:url(/static/media/contact-bg.4b4a30b4f5a3bb81d373.png) bottom/cover;height:60%;top:40%}.contact-box{background:linear-gradient(145deg,#252526,#2d2d30);border:1px solid #4ec9b04d;border-radius:15px;box-shadow:0 10px 40px #00000080,0 0 30px #4ec9b033;display:grid;grid-template-columns:repeat(2,1fr);padding:5.5rem 4.5rem;width:100%}.contact-form .row input.contact-input{flex:1 1;padding:.8rem 1rem;text-align:left;width:50%}.contact-form .contact-input{background-color:#1e1e1e;border:1px solid #4ec9b04d;border-radius:.5rem;color:#d4d4d4;color:var(--dark-two);font-size:1.1rem;margin:0;outline:none;transition:.3s}.contact-info{padding-right:2rem}.contact-form{padding-left:2rem}.contact-info .title:after{left:0;transform:none}.information-wrap{margin-top:2rem}.information{align-items:center;display:flex}.information:not(:last-child){margin-bottom:1.3rem}.contact-icon{background:linear-gradient(135deg,#4ec9b0,#3da58a);border-radius:50%;box-shadow:0 0 20px #4ec9b080;color:#fff;color:var(--light-one);display:inline-block;font-size:1.4rem;height:67px;margin-right:1rem;min-width:67px;text-align:center}.contact-icon i{line-height:67px}.info-text{color:#d4d4d4;color:var(--dark-two);display:inline-block;font-size:1.3rem}.contact-form .title:after{display:none}.contact-form .title{margin:0}.contact-form .row{display:flex;gap:20px;margin-bottom:15px;width:100%}.contact-input{background-color:#1e1e1e;border:1px solid #4ec9b04d;border-radius:.5rem;box-sizing:border-box;color:#d4d4d4;color:var(--dark-two);font-size:1.1rem;margin:0;outline:none;padding:.8rem 2.1rem;transition:.3s;width:100%}.contact-input::placeholder{font-weight:400}.contact-input.textarea{border-radius:.5rem;min-height:280px;resize:none}.contact-input:hover{background-color:#252526;border-color:#4ec9b080}.contact-input:focus{background-color:#252526;border-color:#4ec9b0;border-color:var(--kali-cyan);box-shadow:0 0 10px #4ec9b04d}.contact-input .btn{margin-top:.6rem}.contact-form .btn{border:0;cursor:pointer;margin-top:8px;padding-left:50px;padding-right:50px;text-align:center;width:100%}.hireme{background:linear-gradient(135deg,#1e1e1e,#252526);padding:12rem 0}.hireme .container{text-align:center}.hireme .title{margin-bottom:1.3rem}.hireme .text{margin:0 auto 1.6rem;max-width:1000px}.footer{background:linear-gradient(180deg,#1e1e1e,#0f0f0f);border-top:1px solid #4ec9b033;padding:6rem 0}.footer .grid-4{display:grid;grid-template-columns:3.5fr 2fr 2fr 3fr}.grid-4-col{padding:0 1.7rem}.footer .title-sm{color:#fafafa;margin-bottom:.9rem}.footer .text{color:#aaa}.footer-links a{color:#888;display:inline-block;font-size:1.25rem;margin-bottom:.4rem;transition:.3s}.footer-links a:hover{color:#4ec9b0;color:var(--main-color);cursor:pointer}.footer-input-wrap{border-radius:.5rem;display:grid;grid-template-columns:auto 50px;height:50px;margin-top:1.2rem;overflow:hidden;width:100%}.footer-input{background-color:#252526;border:1px solid #4ec9b04d;color:#d4d4d4;color:var(--dark-two);font-size:1.1rem;outline:none;padding:0 1.5rem;transition:.3s}.input-arrow{align-items:center;background-color:#4ec9b0;background-color:var(--main-color);border:none;color:#fff;cursor:pointer;display:flex;font-size:1.45rem;justify-content:center;transition:.3s}.input-arrow:hover{background-color:#3da58a;box-shadow:0 0 15px #4ec9b080}.focus{background:#fff}.bottom-footer{align-items:center;display:flex;justify-content:space-between;margin-top:5.5rem;padding:0 1.7rem}.copyright .text{color:#7b7b7b;display:inline-block;font-size:1.2rem;text-align:center}.copyright .text span{color:#4ec9b0;color:var(--main-color);cursor:pointer}.followme,.followme-wrap{display:flex}.followme{align-items:center}.followme h3{color:#7b7b7b;font-size:1.3rem;font-weight:500}.followme .footer-line{background-color:#7b7b7b;display:inline-block;height:2px;margin:0 1.2rem;width:60px}.social-media a{color:#7b7b7b;font-size:1.3rem;margin-right:.4rem;transition:.3s}.social-media a:hover{color:#4ec9b0;color:var(--main-color)}.back-btn-wrap{margin-left:2.5rem;position:relative}.back-btn{align-items:center;background:linear-gradient(135deg,#4ec9b0,#3da58a);border-radius:50%;box-shadow:0 0 20px #4ec9b080;color:#fff;display:flex;font-size:1.2rem;height:55px;justify-content:center;position:relative;transition:.3s;width:55px;z-index:2}.back-btn:hover{background-color:#6b44e0}.back-btn-wrap:before{animation:scale 1.2s ease-out 1s infinite;background-color:#fff;border-radius:50%;content:"";height:60px;left:50%;opacity:.08;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.7);width:60px;z-index:1}@keyframes scale{0%{opacity:.15;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@media (max-width:1280px){.text{font-size:1.1rem}.title{font-size:2.1rem;padding-bottom:.65rem}.title:before{font-size:.8rem;letter-spacing:2px;margin-bottom:.2rem}.title:after{height:3.5px;width:70px}.title-sm{font-size:1.2rem}.btn{font-size:.8rem;padding:.75rem 1.7rem}.btn.small{font-size:.7rem;padding:.65rem 1.6rem}.section-header .text{max-width:500px}.section{padding:4.5rem 0}.column-1{margin-right:1rem}.column-2{margin-left:1rem}.overlay.overlay-lg .shape{height:35px}.overlay.overlay-lg .shape.wave{height:auto;width:63px}.overlay.overlay-lg .shape.xshape,.overlay.overlay-sm .shape{height:24px}.overlay.overlay-sm .shape.wave{height:auto;width:39px}.overlay.overlay-sm .shape.xshape{height:19px}header .points1{bottom:-50px;left:-75px;width:270px}header .points2{width:340px}header .letters{width:11%}.header-content .image .img-element{max-width:500px}nav .container{height:4.5rem}.header-content .container.grid-2{min-height:calc(100vh - 4.5rem);padding-bottom:1.5rem}.logo{width:125px}.links a{font-size:.8rem;padding:.65rem .7rem}.links a.active{font-size:.7rem;margin-left:.6rem;padding:.7rem 1.7rem}.header-title{font-size:2.6rem}.header-content .text{margin:1.1rem 0}.card{max-width:290px;min-height:390px;padding:2.2rem 1.5rem}.icon{margin-bottom:.8rem;width:65px}.card .text{font-size:.9rem;margin:1rem 0}.card:before{font-size:5rem}.card-wrap{margin:1rem .6rem}.services .points1{left:-60px}.points-sq{width:150px}.grid{margin:.8rem 0}.grid-item{padding:.8rem}.gallery-image{height:250px;max-width:325px}.gallery-image .img-overlay{padding:1.4rem 2rem}.plus:after,.plus:before{width:2.8rem}.img-overlay h3{font-size:1.1rem}.img-overlay h5{font-size:.8rem}.background-bg{height:370px}.filter-btn{font-size:1rem;padding:.6rem 1.45rem}.about img{max-width:420px}.about .text{margin-top:.7rem}.skills{margin:.9rem 0 1.7rem}.skill-title{font-size:1rem}.skill-bar{height:6px}.about .column-1:before{font-size:6rem;top:13px}.about .points{left:65%;width:230px}.contact{padding:9rem 0 6rem}.contact-form{padding-left:1rem}.contact-info{padding-right:1rem}.contact-box{padding:3.6rem 3rem}.information-wrap{margin-top:1.2rem}.contact-icon{font-size:1rem;height:50px;margin-right:.8rem;min-width:50px}.contact-icon i{line-height:50px}.info-text{font-size:1.05rem}.contact-input{font-size:.9rem;margin:.4rem 0;padding:.9rem 1.6rem}.hireme{padding:8rem 0}.footer{padding:4rem 0}.footer-links a{font-size:1rem}.footer .title-sm{margin-bottom:.5rem}.footer-input-wrap{height:36px;margin-top:.8rem}.footer-input{font-size:.9rem;padding:0 1.2rem}.input-arrow{font-size:1.2rem}.copyright .text{font-size:.95rem}.followme h3{font-size:1.05rem}.followme .footer-line{margin:0 .8rem}.social-media a{font-size:1.05rem}.back-btn-wrap{margin-left:1.3rem}.back-btn{font-size:.9rem;height:43px;width:43px}.back-btn-wrap:before{height:45px;width:45px}}@media (max-width:850px){.grid-2{grid-template-columns:1fr!important}.column-1{margin-bottom:1rem;margin-right:0}.column-2{margin-left:0;margin-top:1rem}.hamburger-menu{display:flex}.header-content{margin-top:1rem}.header-title{font-size:2.3rem}.header-content .image{margin:0 auto;max-width:400px}header .column-1{margin:0 auto;max-width:550px}.links{align-items:center;background-color:#252525;display:flex;height:100vh;justify-content:center;position:fixed;right:0;text-align:center;top:0;transform:translateX(100%);transition:.5s;width:100%}.links ul{flex-direction:column}.links a{color:#fff;color:var(--light-one)}.links a.active{margin:.5rem 0}.header-content .container.grid-2{min-height:80vh}.letters,header .half-circle2,header .points1,header .wave2{display:none}header .half-circle1{bottom:55%;left:23%}header .circle{bottom:40%;left:8%}header .wave1{bottom:87%;left:75%}header .square{bottom:5%;left:13%;top:auto}header .triangle{bottom:63%;right:14%}header .points2{bottom:-10px;left:60%;width:280px}header .xshape{left:90%;top:54%}.grid>a{width:50%}.grid-item{width:100%}.gallery-image{height:210px;max-width:270px}.background-bg{height:340px}.portfolio .half-circle1,.portfolio .half-circle2,.portfolio .triangle{display:none}.portfolio .square{left:14%;top:10%}.portfolio .wave{top:33%}.portfolio .circle{right:20%}.portfolio .xshape{top:25%}.skill-bar{width:100%}.about .column-1:before{font-size:5rem}.about .points{left:59%;top:60%}.records .triangle,.records .wave1{display:none}.records .container{grid-template-columns:repeat(2,1fr)}.records .wave2{left:48%}.records .sqaure2{bottom:45%;right:50px}.testi-content{margin-top:1.7rem}.testi-content .image{margin:0 auto;max-width:500px}.review-nav{bottom:3rem}.contact-box{grid-template-columns:1fr;padding:3.2rem 2.7rem}.contact-info{padding-bottom:.5rem;padding-right:0}.contact-form{padding-left:0;padding-top:.5rem}.information-wrap{margin-top:.7rem}.information:not(:last-child){margin-bottom:.8rem}.contact-input.textarea{min-height:220px}.contact:before{height:25%}.contact:after{height:75%;top:25%}.footer .grid-4{grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:500px;text-align:center}.footer-about,.footer-newstletter{grid-column:1/3}.grid-4-col{margin:1rem 0;padding:0}.footer-input-wrap{grid-template-columns:auto 45px;margin:.95rem auto 0;max-width:300px}.bottom-footer{align-items:center;flex-direction:column;justify-items:center;margin-top:2.5rem;padding:1.5rem 0 0;position:relative}.bottom-footer:before{background-color:#7b7b7b;content:"";height:1px;left:50%;max-width:500px;position:absolute;top:0;transform:translate(-50%,-50%);width:90%}.followme-wrap{margin-top:.8rem}}@media (max-width:600px){.grid-item,.grid>a{width:100%}}@media (max-width:560px){.container{padding:0 2rem}.title{font-size:1.8rem}.text{font-size:1.1rem}.overlay.overlay-lg .shape{height:28px}.overlay.overlay-lg .shape.wave{height:auto;width:52px}.overlay.overlay-lg .shape.xshape{height:22px}.records .container{grid-template-columns:1fr}.records .half-circle{left:50px;top:50%}.records .wave2{bottom:50%;left:auto;right:20px}.records .xshape{right:70px}.records .square2{bottom:90px;right:40px}.testi-content{margin-top:1rem}.review{padding:1.5rem 1rem}.review-text{font-size:.9rem}.review-nav{bottom:1.5rem;font-size:1.3rem}.swiper-button-next{right:1.3rem}.swiper-button-prev{right:3rem}.contact{padding:8rem 0 5rem}.contact-info{display:none}.contact-box{border-radius:30px;padding:2.3rem 2rem}.contact:before{background-size:200%}.contact-form .row{grid-column-gap:.3rem}.contact-input{font-size:.8rem;margin:.25rem 0;padding:.8rem 1.4rem}}body{-webkit-font-smoothing:antialiased;color:#666;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;margin:0;position:relative}*{box-sizing:border-box}blockquote,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{direction:ltr;font-size:13px;margin:0;padding:0}.sectionClass{background:linear-gradient(180deg,#1e1e1e,#252526);display:block;padding:80px 0 50px;position:relative}.row{height:100%;margin:0 auto;max-width:100%;width:980px}.row:after,.row:before{content:"";display:table}.sectiontitle{background-position:50%;min-height:20px;text-align:center}.sectiontitle h2{color:#4ec9b0;font-size:30px;margin-bottom:0;padding-left:10px;padding-right:10px;text-shadow:0 0 15px #4ec9b080}.headerLine{background:linear-gradient(90deg,#4ec9b0,#3da58a);box-shadow:0 0 10px #4ec9b080;display:inline-block;height:2px;width:160px}.fullWidth{display:table;float:none;height:100%;min-height:1px;padding:0;position:relative;width:100%}#work-experience .headerline,#work-experience .sectiontitle .headerLine{width:280px}.cbp_tmtimeline{list-style:none;margin:60px 30px 0 0;padding:0;position:relative}.cbp_tmtimeline:before{background:linear-gradient(180deg,#4ec9b0,#3da58a);bottom:0;box-shadow:0 0 20px #4ec9b080;content:"";height:100%;left:13%;position:absolute;top:3%;width:10px}.cbp_tmtimeline li:last-child:before{content:normal}.cbp_tmtimeline>li .cbp_tmtime{display:block;padding-right:100px;position:absolute;width:25%}.cbp_tmtimeline>li .cbp_tmtime span{display:block;text-align:right}.cbp_tmtimeline>li .cbp_tmtime span:first-child{color:#bdd0db;font-size:.9em}.cbp_tmtimeline>li .cbp_tmtime span:last-child{color:#3594cb;font-size:2.9em}.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child{color:#6cbfee}.cbp_tmtimeline>li .cbp_tmlabel{background:linear-gradient(145deg,#252526,#2d2d30);border:1px solid #4ec9b04d;border-radius:5px;box-shadow:0 5px 20px #0006;color:#d4d4d4;font-family:Open Sans;font-size:1.2em;font-weight:300;line-height:1.4;margin:0 0 15px 25%;min-height:150px;padding:30px;position:relative}.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel{background:linear-gradient(145deg,#2d2d30,#252526)}.cbp_tmtimeline>li .cbp_tmlabel h3{border-bottom:1px solid #fff6;color:#fff;font-family:Open Sans,sans-serif;font-size:20px;font-weight:700;margin-bottom:5px;margin-top:0;padding:0 0 10px}.cbp_tmtimeline>li .cbp_tmlabel h4{color:#fff;font-family:Source Sans Pro,sans-serif;font-size:18px;font-weight:600;letter-spacing:0;line-height:1.2em;margin:0;opacity:.7;padding:0 0 10px;text-align:left}.cbp_tmtimeline>li .cbp_tmlabel h4 i{margin-right:5px;vertical-align:middle}.cbp_tmtimeline>li .cbp_tmlabel:after{border:10px solid #0000;border-right-color:#252526;content:" ";height:0;pointer-events:none;position:absolute;right:100%;top:70px;width:0}.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after{border-right-color:#2d2d30}.cbp_tmtimeline>li .cbp_tmicon{speak:none;font-feature-settings:normal;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#4ec9b0,#3da58a);border:3px solid #4ec9b080;border-radius:50%;box-shadow:0 0 30px #4ec9b099,0 0 50px #4ec9b04d;color:#151515;font-size:1.4em;font-style:normal;font-variant:normal;font-weight:400;height:150px;left:8%;line-height:40px;margin:0 0 0 -25px;position:absolute;text-align:center;text-transform:none;top:3%;width:150px}.cbp_tmtimeline li{margin-bottom:70px;position:relative}.sectionClassProject{display:block;margin:0 auto;padding:80px 1.875em 3.125em;position:relative}.projectParagraph{font-family:Source Sans Pro,serif;font-size:18px;margin:.5em 0 0}.projectParagraphLink{font-size:15px!important;font-weight:500!important;margin-bottom:0;margin-top:50px!important;text-align:right}.projectParagraphLink a{color:#fff;text-decoration:underline}.cbp_tmicon img{border-radius:50%;height:100%;object-fit:cover;width:100%}.faPra{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:70px;line-height:150px;text-rendering:auto;vertical-align:middle}.label{background-color:#ffffff4d;border-radius:3px;color:#fff;display:inline;font-size:12px;font-weight:700;margin-right:10px;padding:5px 15px}.date{color:#bfc3c7;display:block;font-size:14px;font-weight:600;position:absolute;right:20px;top:30px}.date i{font-size:18px;line-height:20px;margin-right:8px;vertical-align:top}@media (max-width:1024px){.cbp_tmtimeline:before{display:none}.cbp_tmtimeline>li .cbp_tmtime{padding:0 0 20px;position:relative;width:100%}.cbp_tmtimeline>li .cbp_tmtime span{text-align:left}.cbp_tmtimeline>li .cbp_tmlabel{float:left;font-size:95%;font-weight:400;margin:30px 0 70px;padding:50px 30px 30px}.cbp_tmtimeline>li .cbp_tmlabel:after{border-bottom-color:#252526;border-right-color:#0000;right:auto;top:-20px}.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after{border-bottom-color:#2d2d30;border-right-color:#0000;left:65px}.cbp_tmtimeline>li:nth-child(2n) .cbp_tmlabel:after{right:65px}.cbp_tmtimeline>li:nth-child(odd) .cbp_tmicon{float:left;left:auto;margin:0 5px 0 0;position:relative}.cbp_tmtimeline>li:nth-child(2n) .cbp_tmicon{float:right;left:auto;margin:0 5px 0 0;position:relative}.cbp_tmtimeline>li .cbp_tmtime span:last-child{font-size:1.5em}}@media (max-width:32em){.cbp-ntaccordion{font-size:70%}}footer{bottom:0;left:0;padding-bottom:50px;padding-top:50px;width:100%;z-index:100}footer p{word-wrap:break-word;color:#fffc;font-family:Open Sans;font-size:16px;line-height:25px;margin:0;opacity:0;transform:translateX(-200px);transition:all .25s ease;width:100%}footer .authorWindow a{color:#fff;text-decoration:none}footer p strong{color:#ffffffe6}.about-me-img{border-radius:100px;height:120px;left:10px;position:relative;width:120px}.authorWindow{background:linear-gradient(135deg,#4ec9b0,#3da58a);border:1px solid #4ec9b080;border-radius:5px;box-shadow:0 10px 30px #00000080;overflow:hidden;padding:22px 20px;width:600px}.authorWindowWrapper{display:none;left:110px;padding-left:25px;position:absolute;top:0}.trans{opacity:1;transform:translateX(0);transition:all .5s ease}@media screen and (max-width:768px){.authorWindow{width:210px}.authorWindowWrapper{bottom:-170px;margin-bottom:20px}footer p{font-size:14px}}.blog-section{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:100px 0;position:relative}.blog-section .container{margin:0 auto;max-width:1200px;padding:0 20px}.blog-controls{margin:40px 0}.blog-search{margin:0 auto 30px;max-width:600px;position:relative}.blog-search .search-icon{color:#667eea;font-size:18px;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:none;border-radius:50px;box-shadow:0 10px 30px #0000001a;font-size:16px;padding:15px 20px 15px 50px;transition:all .3s ease;width:100%}.search-input:focus{box-shadow:0 15px 40px #667eea4d;outline:none;transform:translateY(-2px)}.blog-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.blog-filter .filter-btn{background:#0000;border:2px solid #ffffff4d;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;text-transform:capitalize;transition:all .3s ease}.blog-filter .filter-btn.active,.blog-filter .filter-btn:hover{background:#fff;box-shadow:0 8px 20px #00000026;color:#667eea;transform:translateY(-2px)}.blog-filter .filter-btn.active{border-color:#fff}.blog-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:60px}.blog-card{animation:fadeInUp .6s ease forwards;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;opacity:0;overflow:hidden;transition:all .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-card:first-child{animation-delay:.1s}.blog-card:nth-child(2){animation-delay:.2s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(4){animation-delay:.4s}.blog-card:nth-child(5){animation-delay:.5s}.blog-card:nth-child(6){animation-delay:.6s}.blog-card:hover{box-shadow:0 20px 60px #667eea4d;transform:translateY(-10px)}.blog-card-image{height:200px;overflow:hidden;position:relative}.blog-card-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.1)}.blog-card-overlay{align-items:center;background:linear-gradient(135deg,#667eeae6,#764ba2e6);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.blog-card:hover .blog-card-overlay{opacity:1}.blog-category{background:#fff;border-radius:30px;color:#667eea;font-size:14px;font-weight:700;letter-spacing:1px;padding:8px 20px;text-transform:uppercase}.blog-card-content{padding:30px}.blog-meta{color:#999;display:flex;font-size:14px;gap:20px;margin-bottom:15px}.blog-meta i{margin-right:5px}.blog-title{-webkit-line-clamp:2;color:#2d3748;font-size:22px;font-weight:700;line-height:1.4;margin-bottom:15px}.blog-excerpt,.blog-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-excerpt{-webkit-line-clamp:3;color:#718096;font-size:15px;line-height:1.6;margin-bottom:20px}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.blog-tag{background:#f7fafc;border-radius:15px;color:#667eea;font-size:12px;font-weight:600;padding:5px 12px}.blog-read-more{align-items:center;color:#667eea;display:inline-flex;font-weight:700;gap:8px;text-decoration:none;transition:all .3s ease}.blog-read-more:hover{color:#764ba2;gap:12px}.blog-read-more i{transition:transform .3s ease}.blog-read-more:hover i{transform:translateX(5px)}.no-results{color:#fff;grid-column:1/-1;padding:60px 20px;text-align:center}.no-results i{font-size:60px;margin-bottom:20px;opacity:.5}.no-results p{font-size:20px;margin-bottom:30px}.blog-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:60px}.stat-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.stat-card i{color:#667eea;font-size:50px;margin-bottom:20px}.stat-card h4{color:#2d3748;font-size:48px;font-weight:700;margin-bottom:10px}.stat-card p{color:#718096;font-size:16px;font-weight:500}.blog-post-modal{align-items:center;animation:fadeIn .3s ease;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.blog-post-container{animation:slideUp .4s ease;background:#fff;border-radius:20px;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.blog-post-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.close-btn{background:#fff3;border-radius:50%;color:#fff;font-size:20px;height:40px;position:absolute;right:20px;top:20px;width:40px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.blog-category-badge{background:#fff3;border-radius:30px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.blog-post-title{font-size:36px;font-weight:800;line-height:1.3;margin-bottom:20px}.blog-post-info{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;opacity:.9}.info-item{align-items:center;display:flex;gap:8px}.blog-post-tags{display:flex;flex-wrap:wrap;gap:10px}.post-tag{background:#fff3;border-radius:20px;font-size:13px;padding:6px 15px}.toc-toggle{background:#667eea;border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;margin:20px;padding:12px 24px;position:-webkit-sticky;position:sticky;top:180px;transition:all .3s ease;z-index:99}.toc-toggle:hover{background:#764ba2;transform:translateX(5px)}.table-of-contents{background:#f7fafc;border-left:4px solid #667eea;border-radius:15px;margin:20px;padding:30px}.table-of-contents h3{color:#2d3748;font-size:18px;font-weight:700;margin-bottom:15px}.table-of-contents ul{list-style:none}.toc-item{color:#718096;cursor:pointer;font-size:14px;padding:8px 0;transition:all .3s ease}.toc-item:hover{color:#667eea;transform:translateX(5px)}.toc-item.active{color:#667eea;font-weight:700}.toc-item.level-3{font-size:13px;padding-left:20px}.blog-post-content{color:#2d3748;font-size:17px;line-height:1.8;padding:40px}.blog-post-content h2{border-bottom:3px solid #667eea;color:#2d3748;font-size:32px;font-weight:700;margin:40px 0 20px;padding-bottom:10px}.blog-post-content h3{color:#4a5568;font-size:24px;font-weight:700;margin:30px 0 15px}.blog-post-content p{margin-bottom:20px}.blog-post-content code{background:#f7fafc;border-radius:4px;color:#e53e3e;font-family:Courier New,monospace;font-size:15px;padding:2px 8px}.blog-post-content pre{background:#1e1e1e;border-radius:10px;box-shadow:0 10px 30px #0003;margin:30px 0;overflow-x:auto;padding:20px}.blog-post-content pre code{background:none;color:inherit;padding:0}.blog-post-content ol,.blog-post-content ul{margin:20px 0;padding-left:30px}.blog-post-content li{margin-bottom:10px}.blog-post-content strong{color:#667eea;font-weight:700}.blog-post-content blockquote{border-left:4px solid #667eea;color:#718096;font-style:italic;margin:30px 0;padding-left:20px}.table-wrapper{margin:30px 0;overflow-x:auto}.blog-post-content table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden;width:100%}.blog-post-content td,.blog-post-content th{border-bottom:1px solid #e2e8f0;padding:15px;text-align:left}.blog-post-content th{background:#667eea;color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.blog-post-content tr:hover,.blog-post-footer{background:#f7fafc}.blog-post-footer{border-top:1px solid #e2e8f0;padding:40px}.share-section{margin-bottom:40px}.share-section h4{color:#2d3748;font-size:18px;font-weight:700;margin-bottom:15px}.share-buttons{display:flex;flex-wrap:wrap;gap:15px}.share-btn{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.linkedin{background:#0077b5;color:#fff}.share-btn.copy-link{background:#667eea;color:#fff}.share-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.author-section{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000000d;display:flex;gap:20px;padding:30px}.author-avatar{border:3px solid #667eea;border-radius:50%;height:80px;object-fit:cover;width:80px}.author-info h4{color:#2d3748;font-size:20px;font-weight:700;margin-bottom:10px}.author-info p{color:#718096;font-size:14px;line-height:1.6;margin-bottom:15px}.author-social{display:flex;gap:15px}.author-social a{align-items:center;background:#f7fafc;border-radius:50%;color:#667eea;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.author-social a:hover{background:#667eea;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-post-title{font-size:28px}.blog-post-content{font-size:16px;padding:20px}.blog-post-content h2{font-size:26px}.blog-post-content h3{font-size:20px}.author-section{flex-direction:column;text-align:center}.blog-filter{gap:8px}.blog-filter .filter-btn{font-size:12px;padding:10px 16px}}@media (max-width:480px){.blog-section{padding:60px 0}.blog-card-content{padding:20px}.blog-title{font-size:18px}.blog-post-header{padding:30px 20px}.blog-post-title{font-size:24px}}.notifications-overlay{background:#0000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9998}.notifications-panel{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#fffffff2;background:var(--panel-bg,#fffffff2);border-radius:12px;bottom:48px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:600px;overflow:hidden;position:fixed;right:10px;width:400px;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notifications-header{align-items:center;background:#ffffffb3;background:var(--header-bg,#ffffffb3);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:15px 20px}.header-tabs{display:flex;gap:10px}.header-tabs .tab{background:#0000;border:none;border-radius:6px;color:#333;color:var(--text-color,#333);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.header-tabs .tab:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.header-tabs .tab.active{background:#0078d4;background:var(--accent-color,#0078d4);color:#fff}.close-btn{border-radius:6px;font-size:16px;height:32px;width:32px}.notifications-content{flex:1 1;overflow-y:auto;padding:15px}.no-notifications{color:#999;color:var(--text-muted,#999);padding:60px 20px;text-align:center}.no-notifications i{font-size:48px;margin-bottom:15px;opacity:.5}.no-notifications h3{color:#333;color:var(--text-color,#333);font-size:18px;margin-bottom:8px}.notifications-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.clear-btn{background:#0000;border:none;border-radius:4px;color:#0078d4;color:var(--accent-color,#0078d4);cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .3s ease}.clear-btn:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-item{align-items:flex-start;background:#ffffff80;background:var(--item-bg,#ffffff80);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:15px;position:relative;transition:all .3s ease}.notification-item:hover{background:#0000000d;background:var(--hover-bg,#0000000d);transform:translateX(-3px)}.notification-item.read{opacity:.6}.notification-icon{align-items:center;background:#0078d41a;background:var(--icon-bg,#0078d41a);border-radius:50%;display:flex;font-size:24px;height:40px;justify-content:center;min-width:40px}.notification-content{flex:1 1}.notification-content h4{color:#333;color:var(--text-color,#333);font-size:14px;font-weight:600;margin-bottom:4px}.notification-content p{color:#666;color:var(--text-muted,#666);font-size:13px;line-height:1.4;margin-bottom:4px}.notification-time{color:#999;color:var(--text-muted,#999);font-size:12px}.unread-indicator{background:#0078d4;background:var(--accent-color,#0078d4);border-radius:50%;height:8px;position:absolute;right:15px;top:15px;width:8px}.quick-actions-content{padding:20px}.quick-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.quick-action-btn{align-items:center;background:#ffffff80;background:var(--item-bg,#ffffff80);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:8px;padding:20px 10px;transition:all .3s ease}.quick-action-btn:hover{background:#0000000d;background:var(--hover-bg,#0000000d);transform:translateY(-2px)}.quick-action-btn.active{background:#0078d4;background:var(--accent-color,#0078d4);border-color:#0078d4;border-color:var(--accent-color,#0078d4);color:#fff}.quick-action-btn i{font-size:20px}.sliders-section{gap:20px;margin-bottom:20px}.slider-group,.sliders-section{display:flex;flex-direction:column}.slider-group{gap:10px}.slider-label{align-items:center;color:#333;color:var(--text-color,#333);display:flex;font-size:14px;gap:10px}.slider-label i{color:#0078d4;color:var(--accent-color,#0078d4);font-size:16px}.slider-value{font-weight:600;margin-left:auto}.slider{-webkit-appearance:none;background:#e0e0e0;background:var(--slider-bg,#e0e0e0);border-radius:5px;height:6px;outline:none;transition:all .3s ease;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0078d4;background:var(--accent-color,#0078d4);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .3s ease;transition:all .3s ease;width:16px}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider::-moz-range-thumb{background:#0078d4;background:var(--accent-color,#0078d4);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.battery-info{align-items:center;background:#ffffff80;background:var(--item-bg,#ffffff80);border-radius:8px;color:#333;color:var(--text-color,#333);display:flex;font-size:14px;gap:10px;padding:15px}.battery-info i{color:#0078d4;color:var(--accent-color,#0078d4);font-size:20px}.battery-time{color:#999;color:var(--text-muted,#999);font-size:12px;margin-left:auto}[data-theme=dark] .notifications-panel{--panel-bg:#1e1e1ef2;--header-bg:#282828b3;--border-color:#404040;--text-color:#fff;--text-muted:#aaa;--item-bg:#32323280;--hover-bg:#ffffff0d;--icon-bg:#0078d433;--slider-bg:#404040}@media (max-width:480px){.notifications-panel{left:10px;right:10px;width:calc(100% - 20px)}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.widgets-overlay{background:#0000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9998}.widgets-panel{animation:slideLeft .3s ease;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#fffffff2;background:var(--panel-bg,#fffffff2);box-shadow:-4px 0 32px #0003;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:450px;z-index:9999}@keyframes slideLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.widgets-header{align-items:center;background:#ffffffb3;background:var(--header-bg,#ffffffb3);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:20px}.widgets-header h2{font-size:20px;font-weight:600;margin:0}.close-btn,.widgets-header h2{color:#333;color:var(--text-color,#333)}.close-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-btn:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.widgets-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.widgets-content::-webkit-scrollbar{width:8px}.widgets-content::-webkit-scrollbar-track{background:#0000}.widgets-content::-webkit-scrollbar-thumb{background:#ccc;background:var(--scrollbar-thumb,#ccc);border-radius:4px}.widgets-content::-webkit-scrollbar-thumb:hover{background:#999;background:var(--scrollbar-thumb-hover,#999)}.widget{background:#ffffffb3;background:var(--widget-bg,#ffffffb3);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:all .3s ease}.widget:hover{box-shadow:0 4px 16px #0000001a}.widget h3{align-items:center;color:#333;color:var(--text-color,#333);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 15px}.widget h3 i{color:#0078d4;color:var(--accent-color,#0078d4);font-size:18px}.calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-top:10px}.calendar-day{align-items:center;aspect-ratio:1;border-radius:8px;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:13px;justify-content:center;position:relative;transition:all .3s ease}.calendar-day.header{color:#999;color:var(--text-muted,#999);cursor:default;font-weight:600}.calendar-day.empty{cursor:default}.calendar-day.current{background:#0078d4;background:var(--accent-color,#0078d4);color:#fff;font-weight:600}.calendar-day:not(.header):not(.empty):not(.current):hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.weather-content{align-items:center;display:flex;gap:20px}.weather-icon{color:#0078d4;color:var(--accent-color,#0078d4);font-size:48px}.weather-details{flex:1 1}.weather-temp{color:#333;color:var(--text-color,#333);font-size:32px;font-weight:700;line-height:1;margin-bottom:5px}.weather-description{color:#666;color:var(--text-muted,#666);font-size:14px;margin-bottom:8px;text-transform:capitalize}.weather-location{align-items:center;color:#999;color:var(--text-muted,#999);display:flex;font-size:13px;gap:5px}.weather-info{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:15px;margin-top:15px;padding-top:15px}.weather-info-item{align-items:center;color:#333;color:var(--text-color,#333);display:flex;font-size:13px;gap:8px}.weather-info-item i{color:#0078d4;color:var(--accent-color,#0078d4);font-size:16px}.todo-form{display:flex;gap:10px;margin-bottom:15px}.todo-input{background:#ffffff80;background:var(--input-bg,#ffffff80);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-color,#333);flex:1 1;font-size:14px;outline:none;padding:10px 15px;transition:all .3s ease}.todo-input:focus{background:#fffc;background:var(--input-focus-bg,#fffc);border-color:#0078d4;border-color:var(--accent-color,#0078d4)}.todo-input::placeholder{color:#999;color:var(--text-muted,#999)}.add-btn{align-items:center;background:#0078d4;background:var(--accent-color,#0078d4);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;padding:10px 20px;transition:all .3s ease}.add-btn:hover{background:#005a9e;background:var(--accent-hover,#005a9e);transform:translateY(-2px)}.todos-list{display:flex;flex-direction:column;gap:10px}.todo-item{align-items:center;background:#ffffff80;background:var(--item-bg,#ffffff80);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .3s ease}.todo-item:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.todo-checkbox{align-items:center;border:2px solid #ccc;border:2px solid var(--border-color,#ccc);border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;min-width:20px;transition:all .3s ease;width:20px}.todo-checkbox.completed{background:#0078d4;background:var(--accent-color,#0078d4);border-color:#0078d4;border-color:var(--accent-color,#0078d4)}.todo-checkbox i{color:#fff;font-size:12px}.todo-text{color:#333;color:var(--text-color,#333);flex:1 1;font-size:14px;line-height:1.4}.todo-item.completed .todo-text{opacity:.5;text-decoration:line-through}.delete-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#999;color:var(--text-muted,#999);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;transition:all .3s ease;width:28px}.todo-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#ff00001a;background:var(--danger-bg,#ff00001a);color:red;color:var(--danger-color,red)}.powered-by{display:flex;flex-direction:column;gap:15px}.powered-by p{color:#666;color:var(--text-muted,#666);font-size:13px;line-height:1.6;margin:0}.tech-stack{display:flex;flex-wrap:wrap;gap:10px}.tech-badge{align-items:center;background:#0078d41a;background:var(--badge-bg,#0078d41a);border-radius:20px;color:#0078d4;color:var(--accent-color,#0078d4);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .3s ease}.tech-badge:hover{background:#0078d4;background:var(--accent-color,#0078d4);color:#fff;transform:translateY(-2px)}.tech-badge i{font-size:14px}[data-theme=dark] .widgets-panel{--panel-bg:#1e1e1ef2;--header-bg:#282828b3;--widget-bg:#323232b3;--border-color:#404040;--text-color:#fff;--text-muted:#aaa;--item-bg:#3c3c3c80;--hover-bg:#ffffff0d;--input-bg:#3c3c3c80;--input-focus-bg:#464646cc;--scrollbar-thumb:#555;--scrollbar-thumb-hover:#777;--badge-bg:#0078d433;--accent-hover:#0096ff;--danger-bg:#ff000026;--danger-color:#f44}@media (max-width:768px){.widgets-panel{width:100%}}@media (max-width:480px){.widgets-panel{width:100%}.weather-content{flex-direction:column;text-align:center}.calendar-grid{gap:4px}.calendar-day{font-size:11px}}
/*# sourceMappingURL=main.e88ac672.css.map*/