@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--fs-normal:.938rem;--f-body:"iptvego",sans-serif;--fs-big:2REM;--fs-h1:1.5REM;--fs-h2:1.25REM;--fs-h3:1REM;--fs-normal:.938REM;--fs-small:.813REM;--fs-smaller:.75REM;--mb-05:.5REM;--mb-75:.75REM;--mb-10:1.0REM;--mb-15:1.5REM;--mb-20:2.0REM;--mb-25:2.5REM;--mb-30:3.0REM;--column-gap-05:.5REM;--column-gap-75:.75REM;--column-gap-10:1.0REM;--column-gap-15:1.5REM;--column-gap-20:2.0REM;--column-gap-25:2.5REM;--column-gap-30:3.0REM;--row-gap-05:.5REM;--row-gap-70:.75REM;--row-gap-10:1.0REM;--row-gap-15:1.5REM;--row-gap-20:2.0REM;--row-gap-25:2.5REM;--row-gap-30:3.0REM;--color-white:#fff;--color-black:#111;--color-bg-body:#0f0f0f;--color-fg-body:var(--color-white);--color-transparent:hsla(0,0%,100%,.035)}@media screen and (min-width:968PX){:root{--fs-big:2.5REM;--fs-h1:2.25REM;--fs-h2:1.5REM;--fs-h3:1.25REM;--fs-normal:1REM;--fs-small:.875REM;--fs-smaller:.813REM}}:root{--text-dark:#000;--text-light:#767268;--extra-light:#eef9f8;--white:#fff;--max-width:1200px;--header-font:"Playfair Display",serif}*{padding:0;margin:0;box-sizing:border-box}.section__container{max-width:var(--max-width);margin:auto;padding:5rem 1rem}.section__header{position:relative;isolation:isolate;width:-moz-fit-content;width:fit-content;margin-inline:auto;padding-bottom:.5rem;font-size:2.5rem;font-weight:800;font-family:var(--header-font);color:var(--text-dark);text-align:center}.section__header:before{position:absolute;content:"";bottom:0;left:0;height:2px;width:3rem;background-color:var(--text-dark)}.btn{padding:1rem 2rem;outline:none;border:none;color:var(--white);background-color:#3e2522;transition:.3s;cursor:pointer}.btn:hover{background-color:#52312d}img{display:flex;width:100%}a{text-decoration:none;transition:.3s}ul{list-style:none}body,html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif}nav{position:fixed;isolation:isolate;width:100%;z-index:9}.nav__header{padding:1rem;width:100%;display:flex;align-items:center;justify-content:space-between;background-color:var(--extra-light)}.nav__logo img{max-width:125px}.logo__text{color:#111;font-size:1.2REM;font-weight:700}.nav__menu__btn{font-size:1.5rem;color:var(--text-dark);cursor:pointer}.nav__links{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;padding:2rem;background-color:var(--extra-light);transition:transform .5s;z-index:-1}.nav__links.open{transform:translateY(100%)}.nav__links a{font-weight:500;color:var(--text-light)}.header__container{display:grid;padding-block:0;overflow:hidden}.header__content{padding-block:0 5rem}.header__content h1{font-size:3.5rem;font-weight:800}.header__content h1,.header__content h2{font-family:var(--header-font);color:var(--text-dark);text-align:center}.header__content h2{margin-bottom:2rem;font-size:2rem;font-weight:600}.header__btn{text-align:center}.social-icons{display:flex;gap:16px;margin-bottom:2rem}.icon-circle{width:48px;height:48px;background-color:#f1f1f1;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#222;font-size:20px;transition:all .3s ease;cursor:pointer}.icon-circle:hover{background-color:#3e2522;color:#fff}.about__container{display:grid;grid-gap:2rem;gap:2rem;overflow:hidden}.about__image img{max-width:500px;margin-inline:auto}.about__content .section__header{margin-bottom:4rem;color:#3e2522}.about__content p{margin-bottom:2rem;color:#3e2522;line-height:1.75rem;text-align:center}.about__btn{margin-top:4rem;text-align:center}.portfolio__grid{margin-top:4rem}.portfolio__grid,.portfolio__grid>div{display:grid;grid-gap:1rem;gap:1rem}.blog__container .section__header,.blog__grid{margin-bottom:4rem}.blog__grid{display:grid;grid-gap:3rem 2rem;gap:3rem 2rem}.blog__card h5{margin-bottom:.5rem;font-size:1rem;font-weight:500;color:var(--text-light)}.blog__card h4{margin-bottom:1rem;font-size:1.5rem;color:var(--text-dark);font-family:var(--header-font)}.blog__card p{line-height:1.75rem;color:var(--text-light)}.blog__btn{text-align:center}.contact{background-color:var(--extra-light)}.contact__container{padding-block:0;display:grid;grid-gap:2rem;gap:2rem}.contact__content{padding-block:5rem}.contact__content .section__header{margin-bottom:2rem}.contact__content p{margin-bottom:2rem;line-height:1.75rem;color:var(--text-light);text-align:center}.contact__content input{width:100%;padding:1rem;margin-bottom:1rem;outline:none;border:none;border-bottom:1px solid var(--text-light);font-size:1rem;color:var(--text-light);background-color:transparent}.contact__content .btn{margin-top:2rem}.footer__container{display:grid;grid-gap:4rem;gap:4rem}.footer__col .section__header{-webkit-margin-start:unset;margin-inline-start:unset;margin-bottom:2rem;font-size:2rem;font-weight:600}.footer__col p{line-height:1.75rem;color:var(--text-light)}.footer__socials{display:flex;align-items:center;flex-wrap:wrap}.footer__socials a{padding:5px 9px;font-size:1.25rem;color:var(--text-light);border-radius:100%}.footer__socials a:hover{background-color:var(--extra-light)}.footer__bar{padding:1rem;color:var(--text-light);text-align:center}@media (min-width:541px){.header__content h1{font-size:4.75rem}.portfolio__grid{grid-template-columns:repeat(2,1fr)}.portfolio__grid>div:nth-child(3){grid-column:1/3;grid-template-columns:repeat(2,1fr)}.input__row{display:flex;gap:2rem}.footer__container{grid-template-columns:repeat(2,1fr)}}@media (max-width:767PX){.social-icons{display:flex;justify-content:center}}@media (min-width:769px){nav{position:absolute;padding:2rem 1rem;max-width:var(--max-width);top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav__header{flex:1 1;padding:0;background-color:transparent}.nav__menu__btn{display:none}.nav__links{position:static;padding:0;width:-moz-fit-content;width:fit-content;flex-direction:row;background-color:transparent;transform:none!important}.nav__links a:hover{color:var(--text-dark)}.header__container{grid-template-columns:repeat(2,1fr);align-items:center;isolation:isolate}.header__image{grid-area:1/2/2/3;position:relative;height:80%}.header__image img{position:absolute;top:0;right:0;width:unset;height:100%;z-index:-1}.header__content{padding-block:10rem}.header__content :is(h1,h2,.header__btn){text-align:left}.header__content h1{font-size:5rem}.about__container{grid-template-columns:repeat(2,1fr);align-items:center}.about__content{max-width:450px;margin-inline:auto}.about__content .section__header{-webkit-margin-start:unset;margin-inline-start:unset}.about__content :is(p,.about__btn){text-align:left}.portfolio__grid{grid-template-columns:repeat(3,1fr)}.portfolio__grid>div:nth-child(3){grid-column:unset;grid-template-columns:1fr}.blog__grid{grid-template-columns:repeat(2,1fr)}.blog__btn{text-align:left}.contact__container{grid-template-columns:repeat(2,1fr)}.contact__content .section__header{-webkit-margin-start:unset;margin-inline-start:unset}.contact__content p{text-align:left}.contact__image{display:flex;position:relative;isolation:isolate}.contact__image img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-width:350px}.footer__container{grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.header__content{padding-block:15rem 12rem}.portfolio__grid,.portfolio__grid>div{gap:1.5rem}}.section-conatiner{padding:4rem 2rem}.section-header{text-align:center;max-width:600px;margin:0 auto}.section-header h2,h1{font-weight:700;margin-bottom:1rem;line-height:1.2;letter-spacing:-.04em;font-size:1.77REM;color:#3e2522}.section-header p{opacity:.8;margin-bottom:2rem;line-height:1.5;font-size:var(--fs-normal)}.btn-primary,.btn-secondary{padding:.775rem 2.5rem;border-radius:8px;font-size:var(--fs-normal);font-weight:600;transition:all .3s ease;cursor:pointer;min-width:180px;position:relative;overflow:hidden;text-align:center;white-space:nowrap}.btn-primary:hover{opacity:.8}.btn-secondary{background:hsla(0,0%,100%,.05);color:#fff;border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.btn-primary strong{color:#111}@media screen and (max-width:767PX){.section-header{max-width:100%}.section-header h2,h1{font-size:1.5rem}.btn-primary,.btn-secondary{padding:.75rem 2rem;min-width:160px}.section-header p{line-height:1.6;max-width:100M;padding:0}.section-header h2,h1{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;line-height:-1;letter-spacing:-.04em}.section-header p{font-size:clamp(1rem,2vw,1.25rem);opacity:.8;margin-bottom:2rem;line-height:1.5}}@media (max-width:480px){.btn-primary{width:100%;padding:.75rem 1.5rem}}.portfolio-section{padding:4rem 1rem;text-align:center;background-color:#f9f9f9}.container{position:relative}.intro-text{max-width:700px;margin:0 auto 1rem;color:#666;line-height:1.6}.cta-text{margin-bottom:3rem;color:#333;font-weight:500}.portfolio-scroll-container{position:relative;width:100%;padding:0 40px}.portfolio-horizontal-scroll{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:1rem;margin-bottom:1rem;scrollbar-width:none}.portfolio-horizontal-scroll::-webkit-scrollbar{display:none}.portfolio-card{flex-grow:0;flex-shrink:0;flex-basis:calc(33.333% - 1rem);scroll-snap-align:start;position:relative;overflow:hidden;border-radius:8px;aspect-ratio:4/5;transition:transform .3s ease;min-width:300px}.portfolio-card:hover{transform:translateY(-5px)}.image-container{position:relative;width:100%;height:100%}.portfolio-image{width:100%;height:100%;object-fit:cover;display:block}.glass-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:0 0 8px 8px;transform:translateY(100%);transition:transform .3s ease;color:#fff;text-align:left}.portfolio-card:hover .glass-overlay{transform:translateY(0)}.glass-overlay h4{margin:0 0 .5rem;font-size:1.2rem}.glass-overlay p{margin:0 0 .5rem;font-size:.9rem;opacity:.9}.category{display:inline-block;padding:.25rem .75rem;background-color:hsla(0,0%,100%,.3);border-radius:20px;font-size:.8rem;font-weight:500}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.scroll-btn:hover{background:#f0f0f0;transform:translateY(-50%) scale(1.1)}.scroll-btn svg{width:24px;height:24px;fill:#333}.scroll-btn.left{left:0}.scroll-btn.right{right:0}@media (max-width:1024px){.portfolio-card{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 1rem)}}@media (max-width:768px){.portfolio-scroll-container{padding:0 30px}.portfolio-card{flex-grow:0;flex-shrink:0;flex-basis:calc(100% - 1rem)}.scroll-btn{width:35px;height:35px}.glass-overlay{padding:1rem}.glass-overlay h4{font-size:1rem}.glass-overlay p{font-size:.8rem}}@media (max-width:480px){.portfolio-scroll-container{padding:0 25px}.scroll-btn{width:30px;height:30px}.scroll-btn svg{width:20px;height:20px}}.pricing-section{padding:5rem 1rem;background-color:#fff;text-align:center}.container{max-width:1200px;margin:0 auto}h2{font-size:2.5rem;color:#000;margin-bottom:1rem;font-weight:600}.subtitle{color:#555;font-size:1.1rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem}.pricing-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 0 0 1px #e0e0e0;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.pricing-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1)}.pricing-card.selected{box-shadow:0 0 0 2px #000}.plan-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.plan-header h3{font-size:1.5rem;color:#000;margin-bottom:.5rem;font-weight:600}.price{font-size:2.2rem;font-weight:700;color:#000;margin-bottom:.25rem}.duration{color:#666;font-size:.9rem}.description{color:#555;margin-bottom:1.5rem;font-size:.95rem;min-height:40px}.features{text-align:left;margin-bottom:2rem;padding-left:0}.features li{list-style-type:none;padding:.5rem 0;color:#333;font-size:.95rem}.checkmark{color:#000;font-weight:700;margin-right:.5rem}.select-btn{width:100%;padding:.75rem;background:#fff;color:#000;border:1px solid #000;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.select-btn:hover{background:#f5f5f5}.checkout-btn,.select-btn.selected{background:#000;color:#fff}.checkout-btn{padding:1rem 2rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease;margin-top:1rem}.checkout-btn:hover{background:#333}@media (max-width:768px){.pricing-section{padding:3rem 1rem}h2{font-size:2rem}.pricing-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}@media (max-width:480px){.pricing-card{padding:1.5rem}.price{font-size:2rem}.checkout-btn{width:100%}}