*{padding:0;margin:0;box-sizing:border-box}:root{font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#0f172a;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#fff}#root{width:100%;min-height:100vh}html{scroll-behavior:smooth}section{margin-top:0}.mainBanner{margin-top:0}::selection{background:#3b82f64d;color:#0f172a}::-moz-selection{background:#3b82f64d;color:#0f172a}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}.header{position:sticky;top:0;left:0;display:flex;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);z-index:1000;box-shadow:0 4px 20px #0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.header__inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;padding:0 20px;width:100%;margin:0 auto;min-height:70px}.logo{color:#fff;font-weight:700;font-size:22px;padding:15px 0}.logo div span{border-radius:20px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:4px 18px;color:#fff;display:inline-block;box-shadow:0 4px 15px #3b82f64d;transition:transform .3s ease}.logo div span:hover{transform:scale(1.05)}.navigate{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.navigate a{margin:0 10px;font-size:18px;color:#ffffffe6;font-weight:400;text-decoration:none;position:relative;padding:8px 0;transition:color .3s ease}.navigate a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.navigate a:hover{color:#3b82f6}.navigate a:hover:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px}.mobile-menu-toggle span{width:25px;height:3px;background:#fff;border-radius:2px;transition:all .3s ease}@media(max-width:1090px){.header__inner{flex-direction:row;justify-content:space-between}.navigate{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:20px;gap:15px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080}.navigate.open{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu-toggle{display:flex}.navigate a{font-size:18px;padding:12px 0}}@media(max-width:620px){.logo,.navigate a{font-size:16px}}@media(max-width:440px){.logo,.navigate a{font-size:14px}}.mainBanner{width:100%;background:linear-gradient(135deg,#0f172af2,#1e293bf2),url(https://alitdevops.netlify.app/38e78578e13ce50bb566.jpg);background-size:cover;background-position:center;background-attachment:fixed;padding:120px 0 150px;position:relative;overflow:hidden}.mainBanner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);pointer-events:none}.mainBanner__inner{max-width:1200px;padding:0 20px;display:flex;flex-direction:column;align-items:center;margin:0 auto;position:relative;z-index:1}.mainBanner__inner__title{color:#fff;font-size:clamp(28px,5vw,48px);font-weight:800;padding-top:2rem;text-align:center;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 20px rgba(0,0,0,.5);animation:fadeInUp .8s ease}.mainBanner__inner__describe{color:#fffffff2;font-size:clamp(16px,2.5vw,20px);font-weight:300;margin-top:1rem;line-height:1.8;margin-bottom:2rem;text-align:center;max-width:900px;animation:fadeInUp 1s ease .2s both}.info__describe{margin:1.5rem 10px 2rem;background:linear-gradient(135deg,#ef4444,#dc2626);padding:16px 24px;color:#fff;font-size:clamp(14px,2vw,18px);font-weight:500;line-height:1.6;text-align:center;border-radius:12px;box-shadow:0 8px 25px #ef44444d;animation:fadeInUp 1.2s ease .4s both;max-width:900px}.button-light{color:#0a0a0a;background:linear-gradient(135deg,#fff,#f3f4f6);padding:18px 60px;border-radius:12px;text-decoration:none;border:none;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 25px #fff3;animation:fadeInUp 1.4s ease .6s both;display:inline-block}.button-light:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #ffffff4d;background:linear-gradient(135deg,#f9fafb,#fff)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1090px){.mainBanner{padding:100px 0 120px}.mainBanner__inner__title{padding-top:1rem}}.about{width:100%;padding:80px 0;background:linear-gradient(180deg,#fff,#f8fafc)}.about__inner{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}.about__inner__h1{text-align:center;font-size:clamp(32px,5vw,48px);font-weight:800;color:#0f172a;margin-bottom:3rem;position:relative;display:inline-block;width:100%}.about__inner__h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.about__inner__blocks{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:50px}.about__inner__text{width:50%;flex:1}.about__inner__title{font-weight:700;font-size:clamp(24px,4vw,36px);color:#0f172a;margin-bottom:1.5rem;line-height:1.3}.about__inner__describe{font-weight:400;font-size:clamp(16px,2vw,20px);margin-top:1rem;margin-bottom:2.5rem;color:#475569;line-height:1.8}.button-black{box-sizing:border-box;margin:24px 0 16px;cursor:pointer;font-weight:600;padding:16px 40px;font-size:16px;line-height:1.75;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;min-width:200px;color:#fff;border:none;border-radius:12px;background:linear-gradient(135deg,#0f172a,#1e293b);transition:all .3s ease;display:inline-block;box-shadow:0 8px 25px #0f172a4d}.button-black:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #0f172a66;background:linear-gradient(135deg,#1e293b,#334155)}.about__inner__image{width:50%;flex:1;position:relative;display:flex;align-items:center;justify-content:center}.emoji-circle{width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #3b82f64d;transition:all .3s ease;position:relative;overflow:hidden}.emoji-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);animation:rotate 10s linear infinite}.emoji-circle:hover{transform:scale(1.05);box-shadow:0 25px 70px #3b82f666}.emoji{font-size:120px;z-index:1;position:relative;animation:bounce 2s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:860px){.emoji-circle{width:250px;height:250px}.emoji{font-size:100px}}@media(max-width:1090px){.about__inner__h1{font-size:32px}.about__inner__title{font-size:24px}.about__inner__describe{font-size:18px}}@media(max-width:860px){.about{padding:60px 0}.about__inner__blocks{flex-direction:column-reverse;gap:30px}.about__inner__text{width:100%;text-align:center}.about__inner__title,.about__inner__describe{text-align:center}.about__inner__image{width:100%;max-width:500px;margin:0 auto}}.text{width:100%;padding:80px 0;background:linear-gradient(180deg,#f8fafc,#fff)}.text:nth-child(2n){background:linear-gradient(180deg,#fff,#f8fafc)}.text__inner{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}.text__inner__blocks{display:flex;justify-content:center;align-items:center;margin-top:0}.text__inner__text{display:flex;justify-content:center;flex-direction:column;align-items:center;max-width:900px}.text__inner__title{text-align:center;font-weight:800;font-size:clamp(28px,4vw,40px);padding:0 20px;color:#0f172a;margin-bottom:1.5rem;line-height:1.3;position:relative}.text__inner__title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.text__inner__describe{padding:0 20px;font-weight:400;font-size:clamp(16px,2vw,20px);margin-top:2.5rem;line-height:1.8;text-align:center;color:#475569;white-space:pre-line}@media(max-width:1090px){.text{padding:60px 0}.text__inner__title{font-size:28px}.text__inner__describe{font-size:18px}}.plan{width:100%;padding:80px 0;background:linear-gradient(180deg,#fff,#f8fafc)}.plan__inner{max-width:1200px;margin:0 auto;padding:0 20px}.plan__inner__title{text-align:center;font-size:clamp(32px,5vw,48px);font-weight:800;color:#0f172a;margin-bottom:3rem;position:relative;display:inline-block;width:100%}.plan__inner__title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.plan__question__container{margin-top:3rem}.question__row{margin-top:20px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.question__row:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.question__row__title{font-size:clamp(18px,2.5vw,24px);font-weight:700;border-bottom:3px solid #e2e8f0;padding:24px;cursor:pointer;color:#0f172a;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;background:linear-gradient(135deg,#fff,#f8fafc)}.question__row__title:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#3b82f6}.question__row__title .arrow{font-size:14px;transition:transform .3s ease;color:#64748b}.question__row__title .arrow.open{transform:rotate(180deg);color:#3b82f6}.question__row__describe{font-size:clamp(15px,2vw,18px);font-weight:400;padding:0 24px;max-height:0;overflow:hidden;transition:all .4s ease;color:#475569;line-height:1.8;background:#f8fafc}.question__row__describe.open{max-height:1000px;padding:24px;border-top:1px solid #e2e8f0}@media(max-width:1090px){.plan{padding:60px 0}.plan__inner__title{font-size:32px}.question__row__title{font-size:20px;padding:20px}.question__row__describe{font-size:16px}}.price{width:100%;padding:80px 0;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden}.price:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.price__inner{max-width:1200px;width:100%;margin:0 auto;padding:0 20px;position:relative;z-index:1}.price__inner__title{margin:0 10px 2rem;text-align:center;font-size:clamp(32px,5vw,48px);font-weight:800;color:#fff}.info__describe{margin:1.5rem auto 3rem;max-width:900px;background:linear-gradient(135deg,#ef4444,#dc2626);padding:16px 24px;color:#fff;font-size:clamp(14px,2vw,18px);font-weight:500;line-height:1.6;text-align:center;border-radius:12px;box-shadow:0 8px 25px #ef44444d}.price__inner__variants{display:flex;justify-content:center}.price__inner__block{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid rgba(59,130,246,.2);box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;margin:20px auto;padding:40px 30px;border-radius:24px;transition:all .3s ease;position:relative;overflow:hidden}.price__inner__block:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.price__inner__block:hover{transform:translateY(-8px);box-shadow:0 30px 80px #0006;border-color:#3b82f666}.price__amount{font-size:clamp(24px,4vw,36px);font-weight:800;text-align:center;margin-top:10px;margin-bottom:15px;color:#0f172a;line-height:1.3;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price__amount_sub{font-size:clamp(18px,3vw,24px);font-weight:600;text-align:center;margin-top:10px;margin-bottom:20px;color:#64748b;line-height:1.3}.price__text{text-align:center;margin-bottom:25px;color:#475569;font-size:16px;line-height:1.6}.price__inner__block .button-black{width:100%;text-align:center;margin:0;padding:18px 40px;font-size:18px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 8px 25px #3b82f64d}.price__inner__block .button-black:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 35px #3b82f666}@media(max-width:1090px){.price{padding:60px 0}.price__inner__title{font-size:32px}.price__inner__variants{flex-direction:column}}@media(max-width:850px){.price__inner__block{width:90%;padding:30px 20px}}@media(max-width:550px){.price__inner__block{width:95%}}footer{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-weight:400;margin-top:70px;padding:40px 20px;border-top:1px solid rgba(255,255,255,.1)}.footer__inner{max-width:1200px;margin:0 auto;display:flex;justify-content:center}.footer__inner__column{text-align:center;display:flex;flex-direction:column;gap:15px}.footer__title{font-size:20px;font-weight:700;margin-bottom:10px;color:#fff}.footer__contact{display:flex;flex-direction:column;gap:5px;align-items:center}.footer__label{color:#ffffffb3;font-size:14px}.footer__link{color:#3b82f6;text-decoration:none;font-size:16px;transition:color .3s ease;font-weight:500}.footer__link:hover{color:#60a5fa;text-decoration:underline}@media(max-width:768px){footer{padding:30px 15px}.footer__inner__column{gap:12px}}.App{min-height:100vh;overflow-x:hidden;width:100%}
