@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);body{background-color:#f8f9fa;color:#333}a{color:inherit;text-decoration:none;transition:color .3s ease-in-out}ul{list-style:none;margin:0;padding:0}.header{background:#fff;box-shadow:0 4px 10px #0000001a;padding:15px 0;width:100%}.container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px}.logo-container{gap:10px}.logo-img{object-fit:contain;width:40px}.logo-text{color:#ff5722;font-size:26px;letter-spacing:1px;text-transform:uppercase}.nav-links{align-items:center;display:flex;flex-wrap:nowrap;gap:25px;justify-content:flex-end;white-space:nowrap}.nav-links ul{display:flex;flex-direction:row;gap:25px}.nav-links li a{border-radius:5px;font-size:16px;font-weight:500;padding:10px 15px;position:relative;transition:all .3s ease-in-out}.nav-links li a:after{background-color:#ff5722;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease-in-out;width:100%}.nav-links li a:hover:after{transform:scaleX(1)}.nav-links li a:hover{color:#ff5722}.try-button{background-color:#ff5722;border-radius:5px;font:inherit;padding:11px}.hamburger{color:#333;display:none;font-size:24px}@media screen and (max-width:768px){.hamburger{display:block}.nav-links{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;display:none;padding:1rem 1.5rem;position:absolute;right:40px;top:70px;z-index:999}.nav-links.show{display:block}.nav-links ul{flex-direction:column;gap:15px}.nav-links li a{font-size:15px}.try-button{text-align:center;width:100%}}@media screen and (max-width:480px){.container{flex-direction:row;justify-content:space-between;padding:0 15px}.nav-links li a{font-size:13px;padding:5px 10px}.nav-links ul{gap:10px}}html{scroll-behavior:smooth}.mobile-menu-overlay{animation:slideIn .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:9999}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.mobile-menu-content{display:flex;flex-direction:column;height:auto;max-width:100%;min-height:100vh;min-height:100dvh;padding:20px}.mobile-menu-header{align-items:center;border-bottom:1px solid #2c3e501a;display:flex;height:50px;justify-content:space-between;margin-bottom:30px;padding:0 20px}.mobile-menu-logo{align-items:center;display:flex;gap:12px}.mobile-logo-img{border-radius:8px;height:36px;width:auto}.mobile-logo-text{color:#2c3e50;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0}.mobile-close-button{background:none;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.mobile-close-button:after{background:linear-gradient(90deg,#ff6243,#ff6b1a);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:0}.mobile-close-button:hover{background:#fffffffa;color:#ff6243;transform:translateY(-1px)}.mobile-close-button:hover:after{left:0;transform:translateX(0);width:100%}.mobile-close-button:active{transform:translateY(0)}.mobile-nav{align-items:center;flex:1 1;gap:40px;justify-content:center;min-height:300px}.mobile-nav,.mobile-nav-list{display:flex;flex-direction:column}.mobile-nav-list{gap:0;list-style:none;margin:0;max-width:320px;padding:0;width:100%}.mobile-nav-item{position:relative;width:100%}.mobile-nav-link{border-bottom:1px solid #2c3e5014;color:#2c3e50;display:block;font-size:18px;font-weight:500;overflow:hidden;padding:16px 24px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.mobile-nav-item:last-child .mobile-nav-link{border-bottom:none}.mobile-nav-link:after{background:linear-gradient(90deg,#ff6243,#ff6b1a);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:0;z-index:1}.mobile-nav-link:active,.mobile-nav-link:hover{background:#fffffffa;color:#ff6243;transform:translateY(-1px)}.mobile-nav-link:active:after,.mobile-nav-link:hover:after{left:0;transform:translateX(0);width:100%}.mobile-cta-section{max-width:320px;width:100%}.mobile-try-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:8px;box-shadow:0 4px 15px #4a90e24d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:18px 24px;text-align:center;transition:all .3s ease;width:100%}.mobile-try-button:hover{background:linear-gradient(135deg,#357abd,#2968a3);box-shadow:0 6px 20px #4a90e266;transform:translateY(-2px)}.mobile-try-button:active{box-shadow:0 2px 10px #4a90e24d;transform:translateY(0)}.mobile-menu-footer{border-top:1px solid #2c3e501a;margin-top:auto;padding:25px 0 20px;text-align:center}.mobile-footer-text{color:#2c3e5099;font-size:14px;font-weight:400;letter-spacing:.2px;margin:0}@media (max-height:800px){.mobile-menu-header{margin-bottom:20px;padding-bottom:20px}.mobile-nav{gap:30px;min-height:250px}.mobile-nav-link{font-size:17px;padding:14px 20px}.mobile-try-button{font-size:15px;padding:16px 20px}.mobile-menu-footer{padding:20px 0 15px}}@media (max-height:700px){.mobile-menu-header{margin-bottom:15px;min-height:50px;padding-bottom:15px}.mobile-nav{gap:25px;min-height:200px}.mobile-nav-link{font-size:16px;padding:12px 18px}.mobile-try-button{font-size:15px;padding:14px 18px}.mobile-menu-footer{padding:15px 0 10px}}@media (max-height:600px){.mobile-menu-content{padding:15px}.mobile-menu-header{margin-bottom:10px;min-height:45px;padding-bottom:10px}.mobile-nav{gap:20px;min-height:180px}.mobile-nav-link{font-size:15px;padding:10px 16px}.mobile-try-button{font-size:14px;padding:12px 16px}.mobile-menu-footer{padding:10px 0 8px}.mobile-footer-text{font-size:12px}}@media (max-height:500px){.mobile-menu-content{padding:10px}.mobile-menu-header{margin-bottom:8px;min-height:40px;padding-bottom:8px}.mobile-nav{gap:15px;min-height:150px}.mobile-nav-link{font-size:14px;padding:8px 14px}.mobile-try-button{font-size:13px;padding:10px 14px}.mobile-menu-footer{padding:8px 0 5px}.mobile-footer-text{font-size:11px}}@media (max-width:320px){.mobile-nav-link{font-size:16px;padding:14px 16px}.mobile-try-button{font-size:14px}}.nav-links,.nav-links a,.nav-links li,.nav-links ul,.nav-links.show{display:none!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 2px 20px #0000001a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header .container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo-container{align-items:center;cursor:pointer;display:flex;gap:12px;transition:transform .2s ease}.logo-container:hover{transform:scale(1.02)}.logo-img{border-radius:8px;height:40px;width:auto}.logo-text{color:#2c3e50;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.nav-links-desktop{display:none}.nav-links-desktop ul{align-items:center;display:flex;gap:8px;list-style:none;margin:0;padding:0}.nav-links-desktop li{position:relative}.nav-links-desktop a{align-items:center;border-radius:0;box-sizing:border-box;color:#2c3e50;display:flex;font-size:16px;font-weight:500;height:44px;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-links-desktop a:after{background:linear-gradient(90deg,#ff6243,#ff6b1a);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:0}.nav-links-desktop a:hover{background:#fffffffa;color:#ff6243;transform:translateY(-1px)}.nav-links-desktop a:hover:after{left:0;transform:translateX(0);width:100%}.try-button{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:8px;box-shadow:0 4px 15px #4a90e24d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;padding:12px 24px;transition:all .3s ease}.try-button:hover{background:linear-gradient(135deg,#357abd,#2968a3);box-shadow:0 6px 20px #4a90e266;transform:translateY(-2px)}.try-button:active{box-shadow:0 2px 10px #4a90e24d;transform:translateY(0)}.hamburger{align-items:center;background:none;border:none;border-radius:0;cursor:pointer;display:flex;height:48px;justify-content:center;padding:8px;position:relative;transition:all .3s ease;width:48px;z-index:1002}.hamburger:hover{background:#fff;border-bottom:2px solid #ff6243;transform:scale(1.05)}.hamburger:active{transform:scale(.95)}body{padding-top:70px}@media (min-width:769px){.nav-links-desktop{display:block!important}.hamburger{display:none!important;opacity:0!important;visibility:hidden!important}}@media (max-width:768px){.hamburger{display:flex!important;opacity:1!important;visibility:visible!important}.nav-links-desktop,.nav-links-desktop .try-button,.nav-links-desktop a,.nav-links-desktop li,.nav-links-desktop ul{display:none!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important}.logo-text{font-size:20px}.logo-img{height:32px}.header .container{height:60px;padding:0 16px}body{padding-top:60px}}body{background-color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}.hero{align-items:center;background:linear-gradient(90deg,#fff,#f5f5f5);display:flex;justify-content:space-between;margin-top:100px;overflow:hidden;padding:80px 10%;position:relative}.hero:before{height:180px;left:5%;top:10%;width:180px}.hero:after,.hero:before{background:radial-gradient(circle,#ff572233,#0000);border-radius:50%;content:"";position:absolute}.hero:after{bottom:15%;height:150px;right:8%;width:150px}.hero-content{animation:fadeIn 1s ease-out;max-width:50%;z-index:1}.hero-title{color:#333;font-size:3.5rem;font-weight:700;margin:0 0 15px}.hero-title .highlight{color:#ff5722}.hero-subtitle{color:#555;font-size:1.2rem;line-height:1.6;margin-bottom:30px;max-width:480px}.hero-buttons{display:flex;gap:15px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;text-transform:uppercase}.btn,.btn-primary{transition:.3s ease-in-out}.btn-primary{background-color:#ff5722;box-shadow:0 4px 10px #ff572233;color:#fff;transform:translateY(0)}.btn-primary:hover{background-color:#e64a19;box-shadow:0 6px 14px #ff57224d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #ff5722;color:#ff5722}.btn-secondary:hover{background-color:#ff5722;border-color:#e64a19;color:#fff}.hero-image{display:flex;flex:1 1;justify-content:center;position:relative}.phone{animation:float 3s ease-in-out infinite;max-width:100%;width:350px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media screen and (max-width:1024px){.hero{flex-direction:column;padding:60px 5%;text-align:center}.hero-content{max-width:100%}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem;max-width:100%}.hero-buttons{justify-content:center}.hero-image{margin-top:20px}.phone{width:280px}.hero{flex-direction:column;padding:50px 5%;text-align:center}.hero-content{max-width:90%}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1rem;margin:0 auto;max-width:85%}.hero-image{margin-top:30px}.phone{width:260px}}@media screen and (max-width:600px){.hero{padding:30px 5%}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:.95rem;line-height:1.5}.hero-buttons{flex-direction:column;gap:12px}.btn{text-align:center;width:100%}.hero-image{align-items:center;display:flex;justify-content:center;margin-top:20px}.phone{width:200px}}.features-section{background:linear-gradient(180deg,#ff6243,#e63e30);color:#fff;padding:80px 20px;text-align:center}.features-heading{font-size:42px;font-weight:700;margin-bottom:70px}.features-container{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr;margin:0 auto;max-width:1100px}.features-list{display:flex;flex-direction:column;gap:30px}.feature-item{background:#ffffff26;border-radius:10px;padding:20px;transition:all .3s ease-in-out}.feature-item:hover{background:#ffffff4d;transform:scale(1.05)}.feature-item h4{font-size:20px;font-weight:700;margin-bottom:8px}.feature-item p{font-size:14px;opacity:.9}.features-image img{border-radius:15px;display:block;object-fit:cover;width:320px}@media (max-width:768px){.features-container{grid-template-columns:1fr;text-align:center}.features-image img{width:250px}}.app-screenshots{background-attachment:fixed;background-position:50%;background-size:cover;overflow:hidden;padding:80px 0;position:relative;text-align:center}.screenshots-heading{font-size:2rem;font-weight:700;margin-bottom:10px}.swiper{margin:auto;max-width:1000px;width:90%}.screenshot-slide{align-items:center;display:flex;justify-content:center}.screenshot-image{border-radius:15px;height:450px;object-fit:contain;transform:rotate(0deg);width:auto}.swiper-pagination{display:none!important}.swiper-button-next,.swiper-button-prev{color:coral!important;transform:scale(.8);transform:translateY(-50%)}.swiper-button-next:after,.swiper-button-prev:after{color:coral!important;font-size:25px;font-weight:700}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.unique-section{background:linear-gradient(180deg,#ff6243,#e63e30);color:#fff;padding:5rem 2rem;text-align:center}.section-header{margin:0 auto 3rem;max-width:700px;text-align:center}.section-title{color:#fff;font-size:2.8rem;font-weight:700;margin-bottom:.5rem}.section-subtitle{color:#f8d7da;font-size:1.2rem;margin-bottom:2rem}.unique-features{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:5rem}.feature{background:#fff;border-radius:15px;box-shadow:0 10px 20px #0000001a;cursor:pointer;padding:2.5rem;text-align:center;transition:all .3s ease-in-out;width:320px}.feature:hover{box-shadow:0 12px 25px #00000026;transform:translateY(-8px)}.icon{color:#f60;font-size:3rem;margin-bottom:1rem}.feature h3{color:#333}.feature p{color:#555}.promo-section{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;text-align:left}.promo-text{width:50%}.promo-text h2{color:#fff;font-size:2.5rem;font-weight:700}.promo-text p{color:#f8d7da;font-size:1.1rem;margin-bottom:1.5rem}.promo-image{display:flex;justify-content:center;width:50%}.phone-mockup{animation:fadeIn 1.5s ease-in-out;width:340px}.app-download{margin-top:30px;text-align:left}.app-download a{display:inline-block;transition:transform .3s ease}.app-download a:hover{transform:scale(1.05)}.store-button{border-radius:8px;box-shadow:0 4px 12px #0003;cursor:pointer;height:70px;transition:transform .3s ease-in-out;width:auto}.store-button:hover{transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.promo-section{align-items:center;flex-direction:column;text-align:center}.promo-image,.promo-text{width:100%}.promo-text h2{font-size:2rem}.phone-mockup{max-width:300px;width:80%}.app-download{margin-top:2rem;text-align:center}.store-button{height:60px}}.unique-features{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);justify-content:center}@media (max-width:768px){.unique-features{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.feature{max-width:320px;width:100%}}.inputbahan-container{min-height:100vh;padding:1.5rem}<<<<<<< HEAD =======>>>>>>>5c61ee488139f63914b6556ab2ab9329f0209225 .inputbahan-card{background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000000d;margin-bottom:2rem;padding:1rem}.inputbahan-card-header{align-items:center;display:flex;justify-content:space-between}.inputbahan-card-subtext{color:gray;font-size:14px;margin-bottom:1rem}.inputbahan-item{align-items:center;background:#fff;border:1px solid #eee;border-radius:15px;box-shadow:0 2px 4px #0000000d;display:flex;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1rem}.inputbahan-index{font-size:16px;font-weight:700}.inputbahan-item input{background:#0000;border:none;flex:1 1;font-size:16px;padding:.5rem 0}.inputbahan-item input:focus{outline:none}.inputbahan-item input::placeholder{color:#aaa}.inputbahan-delete-btn{background:#0000;border:none;color:#dc3545;cursor:pointer}.inputbahan-plus-btn{background:#eee;border:none;border-radius:50%;cursor:pointer;padding:.4rem}.inputbahan-search-btn{background:orange;border:none;border-radius:30px;box-shadow:0 4px 8px #ffa50066;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:1rem;transition:background .3s;width:100%}.inputbahan-search-btn:hover{background:#ff9800}.rekomendasi-container{font-family:Segoe UI,sans-serif;margin:0 auto;max-width:900px;padding:2rem 1rem}.judul-section{font-size:1.3rem;font-weight:600;margin-bottom:1.2rem}.resep-list{display:flex;flex-direction:column;gap:1rem}.rekomendasi-card{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 3px 12px #0000000f;display:flex;overflow:hidden;transition:.2s ease}.rekomendasi-card:hover{transform:translateY(-2px)}.rekomendasi-thumbnail{flex-shrink:0;height:100%;object-fit:cover;width:130px}.rekomendasi-detail{flex:1 1;padding:1rem}.rekomendasi-detail h4{font-size:1.15rem;font-weight:600;margin:0 0 .5rem}.rekomendasi-detail p{color:#444;font-size:.95rem;margin:0}.pagination{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-btn{background-color:#f1f1f1;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.6rem 1rem;transition:background-color .2s ease}.pagination-btn:hover{background-color:#e0e0e0}.pagination-btn.active{background-color:#3498db;color:#fff;font-weight:700}@media (max-width:600px){.rekomendasi-card{flex-direction:column;text-align:center}.rekomendasi-thumbnail{height:180px;width:100%}.rekomendasi-detail{padding:.75rem 1rem}}.detail-container{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:800px;padding:2rem;transition:all .3s ease-in-out}.detail-title{color:#34495e;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.detail-image{border-radius:20px;box-shadow:0 8px 20px #0000001f;height:auto;margin-bottom:2rem;transition:transform .3s ease;width:100%}.detail-image:hover{transform:scale(1.02)}.detail-section{margin-bottom:2rem}.section-heading{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.6rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.detail-bahan,.detail-steps{background-color:#fdfdfd;border-left:5px solid #3498db;border-radius:12px;box-shadow:inset 0 1px 5px #0000000a;font-size:1.05rem;line-height:1.7;padding:1.3rem 1.5rem;transition:background-color .3s ease;white-space:pre-wrap}.detail-bahan:hover,.detail-steps:hover{background-color:#f4faff}.not-found{color:#999;font-size:1.2rem;margin-top:3rem;text-align:center}
/*# sourceMappingURL=main.368b0191.css.map*/