:root{--primary-color: #2979FF;--primary-hover-color: #1c6efd;--secondary-color: #f8f9fa;--accent-color: #e9ecef;--text-dark: #212529;--text-medium: #495057;--text-light: #6c757d;--white: #ffffff;--border-color: #dee2e6;--shadow-light: 0 4px 12px rgba(0, 0, 0, .08);--shadow-medium: 0 6px 20px rgba(0, 0, 0, .12);--border-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;line-height:1.7;color:var(--text-medium);background-color:var(--white);font-size:16px}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;color:var(--text-dark);font-weight:600;margin-bottom:.75em;line-height:1.3}h1{font-size:clamp(2.5rem,5vw,3.2rem);font-weight:700}h2{font-size:clamp(1.8rem,4vw,2.2rem)}h3{font-size:clamp(1.2rem,3vw,1.5rem)}p{margin-bottom:1.5em;max-width:700px;margin-left:auto;margin-right:auto}a{text-decoration:none;color:var(--primary-color);transition:color .3s ease}a:hover{color:var(--primary-hover-color)}img,video{max-width:100%;height:auto;display:block}.container{max-width:1140px;margin:0 auto;padding:0 20px}section{padding:80px 0;text-align:center}section:nth-child(odd){background-color:var(--secondary-color)}section h2{margin-bottom:1.5em}header{background-color:var(--white);padding:15px 0;box-shadow:0 2px 5px #0000000d;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color)}nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:16px}.logo-img{height:81px;width:auto}.cta-button{display:inline-block;background-color:var(--primary-color);color:var(--white);padding:14px 30px;border-radius:var(--border-radius);font-weight:600;font-family:Poppins,sans-serif;text-transform:uppercase;font-size:.95rem;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer;box-shadow:0 2px 4px #2979ff4d}.cta-button:hover{background-color:var(--primary-hover-color);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 8px #2979ff66}.nav-cta{padding:10px 22px;font-size:.9rem}#hero{background:var(--white);padding:53px 0 80px;border-bottom:1px solid var(--border-color)}#hero h2{font-size:1.5rem;font-weight:400;color:var(--text-light);margin-bottom:.8em}#hero h1{color:var(--text-dark);margin-bottom:.8em;font-size:2.72rem}#hero .video-container{margin:40px auto;max-width:750px;box-shadow:var(--shadow-medium);border-radius:var(--border-radius);overflow:hidden}#hero video{border-radius:var(--border-radius)}#hero p{max-width:650px;margin:0 auto 2.5em;font-size:1.1rem;color:var(--text-medium)}#features{background-color:var(--secondary-color)}#features .feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;text-align:left}#features .feature-item{background-color:var(--white);padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow-light);transition:transform .3s ease,box-shadow .3s ease}#features .feature-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}#features .feature-item h3{margin-bottom:.5em;color:var(--primary-color)}#features .feature-item p{margin-bottom:0;font-size:.95rem;max-width:100%;margin-left:0;margin-right:0}.screenshots{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.screenshots img{border-radius:var(--border-radius);box-shadow:var(--shadow-medium);border:1px solid var(--border-color);width:100%}@media (max-width: 768px){.screenshots{grid-template-columns:1fr;gap:25px}}#how-it-works{background-color:var(--white);padding:80px 0 90px}#how-it-works .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:70px;align-items:start;position:relative}@media (min-width: 769px){#how-it-works .steps:before{content:"";position:absolute;left:calc(16.66% + 30px);right:calc(16.66% + 30px);top:27.5px;height:2px;background-color:transparent;border-top:2px dashed var(--border-color);z-index:0}}#how-it-works .step{position:relative;padding-top:75px;transition:background-color .3s ease,transform .3s ease;padding-bottom:30px;border-radius:var(--border-radius);background-color:transparent;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}#how-it-works .step:hover{background-color:#2979ff0d;transform:translateY(-4px)}#how-it-works .step span{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,var(--primary-color) 0%,#5393ff 100%);color:#fff;width:55px;height:55px;border-radius:50%;font-weight:700;font-size:1.4rem;font-family:Poppins,sans-serif;box-shadow:0 5px 12px #2979ff66,0 1px 3px #0000001a;border:2px solid var(--white);z-index:2}#how-it-works .step h3{margin-top:15px;margin-bottom:.6em;font-size:1.45rem;color:var(--text-dark);font-weight:700}#how-it-works .step p{font-size:1rem;color:var(--text-medium);line-height:1.7;margin-bottom:0;max-width:95%;margin-left:auto;margin-right:auto}@media (max-width: 768px){#how-it-works .steps{grid-template-columns:1fr;gap:50px}#how-it-works .steps:before{display:none}#how-it-works .step{padding-top:70px}#how-it-works .step:hover{transform:none}}#testimonials{background-color:var(--secondary-color)}#testimonials .testimonial-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:50px}#testimonials .testimonial-item{background-color:var(--white);padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow-light);display:flex;flex-direction:column;align-items:center;text-align:center}#testimonials .testimonial-item img{width:80px;height:80px;border-radius:50%;margin-bottom:20px;object-fit:cover;border:3px solid var(--accent-color)}#testimonials .testimonial-item .quote{font-style:italic;color:var(--text-medium);margin-bottom:15px;font-size:1rem;line-height:1.6;max-width:100%;margin-left:0;margin-right:0}#testimonials .testimonial-item .author{font-size:.9rem;color:var(--text-light);line-height:1.4;margin-bottom:0;max-width:100%;margin-left:0;margin-right:0}#testimonials .testimonial-item .author strong{color:var(--text-dark);font-weight:600;font-family:Poppins,sans-serif}#pricing{background-color:var(--white)}#pricing .pricing-plan{background-color:var(--white);padding:40px 30px;border-radius:var(--border-radius);box-shadow:var(--shadow-medium);max-width:400px;margin:40px auto 0;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}#pricing .pricing-plan:hover{transform:translateY(-5px)}#pricing .price{font-size:3rem;font-weight:700;color:var(--primary-color);margin-bottom:5px}#pricing .price span{font-size:1rem;font-weight:400;color:var(--text-light)}#pricing ul{list-style:none;padding:0;margin:25px 0;text-align:left;display:inline-block}#pricing ul li{margin-bottom:12px;position:relative;padding-left:30px;font-size:1rem}#pricing ul li:before{content:"✔";color:#28a745;position:absolute;left:0;top:2px;font-weight:700;font-size:1.1rem}#pricing .cta-button{margin-top:25px;width:100%}#final-cta{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover-color) 100%);color:var(--white);padding:80px 0}#final-cta h2{color:var(--white);font-size:2rem}#final-cta p{color:#ffffffe6;max-width:600px;margin:0 auto 2em;font-size:1.1rem}#final-cta .cta-button{background-color:var(--white);color:var(--primary-color);box-shadow:0 4px 10px #0000001a}#final-cta .cta-button:hover{background-color:var(--accent-color);color:var(--primary-hover-color);box-shadow:0 6px 15px #00000026}#benefits{background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative;overflow:hidden}#benefits:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><defs><pattern id="grain" width="100" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="0.5" fill="%23000" opacity="0.02"/></pattern></defs><rect width="100" height="20" fill="url(%23grain)"/></svg>') repeat;pointer-events:none}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px;max-width:1000px;margin-left:auto;margin-right:auto}.benefit-item{background:#fffffff2;padding:40px;border-radius:16px;box-shadow:0 8px 32px #0000000f;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);position:relative;overflow:hidden}.benefit-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover-color));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.benefit-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.benefit-item:hover:before{transform:scaleX(1)}.benefit-item h3{color:var(--text-dark);margin-bottom:20px;font-size:1.4rem;font-weight:600;line-height:1.3}.benefit-item p{color:var(--text-medium);margin-bottom:0;max-width:100%;line-height:1.7;font-size:1.05rem}#use-cases{background:var(--white);position:relative}.use-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px;max-width:1200px;margin-left:auto;margin-right:auto}.use-case{background:var(--white);padding:35px 25px;border-radius:12px;text-align:center;border:2px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.use-case:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover-color));opacity:0;transition:opacity .3s ease;z-index:1}.use-case:hover:before{opacity:.05}.use-case:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 12px 24px #2979ff26}.use-case h3,.use-case p{position:relative;z-index:2}.use-case h3{color:var(--text-dark);margin-bottom:18px;font-size:1.15rem;font-weight:600}.use-case p{color:var(--text-medium);margin-bottom:0;max-width:100%;font-size:.95rem;line-height:1.6}#technical-features{background:linear-gradient(135deg,var(--secondary-color) 0%,#f1f3f4 100%);position:relative}.technical-content{display:grid;grid-template-columns:2fr 1fr;gap:80px;margin-top:60px;text-align:left;max-width:1200px;margin-left:auto;margin-right:auto;align-items:start}.tech-explanation{padding-right:40px}.tech-explanation h3{color:var(--text-dark);margin-bottom:20px;margin-top:40px;font-size:1.3rem;font-weight:600;position:relative;padding-left:20px}.tech-explanation h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,var(--primary-color),var(--primary-hover-color));border-radius:2px}.tech-explanation h3:first-child{margin-top:0}.tech-explanation p{color:var(--text-medium);margin-bottom:30px;max-width:100%;line-height:1.7;font-size:1.05rem}.compatibility-info{background:var(--white);padding:40px;border-radius:16px;box-shadow:0 8px 32px #00000014;border:1px solid rgba(41,121,255,.1);position:sticky;top:100px}.compatibility-info h3{color:var(--text-dark);margin-bottom:20px;font-size:1.25rem;font-weight:600;text-align:center}.compatibility-info p{color:var(--text-medium);margin-bottom:25px;max-width:100%;text-align:center;font-size:1rem}.compatibility-info ul{list-style:none;padding:0;margin:0}.compatibility-info ul li{padding:12px 0 12px 30px;position:relative;color:var(--text-medium);border-bottom:1px solid rgba(41,121,255,.1);font-size:.95rem;transition:color .3s ease}.compatibility-info ul li:hover{color:var(--text-dark)}.compatibility-info ul li:last-child{border-bottom:none}.compatibility-info ul li:before{content:"✓";color:var(--primary-color);position:absolute;left:0;top:12px;font-weight:700;font-size:1.1rem}#faq{background:var(--white);position:relative}.faq-list{max-width:900px;margin:60px auto 0;text-align:left}.faq-item{background:var(--white);padding:0;border-radius:12px;margin-bottom:16px;border:2px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-item:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #2979ff1f}.faq-item h3{color:var(--text-dark);margin:0;padding:25px 30px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,var(--secondary-color),#f1f3f4);border-bottom:1px solid var(--border-color)}.faq-item p{color:var(--text-medium);margin:0;padding:25px 30px;max-width:100%;line-height:1.7;font-size:1.05rem}footer{text-align:center;padding:30px 20px;margin-top:60px;font-size:.9rem;color:var(--text-light);border-top:1px solid var(--border-color);background-color:var(--secondary-color)}@media (max-width: 992px){h1{font-size:2.8rem}h2{font-size:2rem}section{padding:60px 0}#features .feature-item:not(:last-child),#testimonials .testimonial-item:not(:last-child){margin-bottom:30px}.benefits-grid{grid-template-columns:1fr;gap:40px}.use-cases-grid{grid-template-columns:repeat(2,1fr);gap:25px}.technical-content{grid-template-columns:1fr;gap:50px}.tech-explanation{padding-right:0}.compatibility-info{position:static}}@media (min-width: 769px){nav{flex-wrap:nowrap}}@media (max-width: 768px){body{font-size:15px}h1{font-size:2.4rem}h2{font-size:1.8rem}#hero h1{font-size:1.92rem}#hero h2{font-size:1.44rem}.cta-button{padding:12px 25px;font-size:.9rem}nav{flex-direction:column;gap:15px;justify-content:center}#hero{padding:40px 0 60px}#features .feature-list,#how-it-works .steps,#testimonials .testimonial-list{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}.benefit-item{padding:30px 25px}.use-cases-grid{grid-template-columns:1fr;gap:20px}.use-case{padding:25px 20px}.technical-content{grid-template-columns:1fr;gap:40px;text-align:left}.tech-explanation{padding-right:0}.compatibility-info{position:static;margin-top:0}.faq-list{margin-top:40px}.faq-item h3{padding:20px 25px;font-size:1.05rem}.faq-item p{padding:20px 25px}}@media (max-width: 576px){h1{font-size:2rem}h2{font-size:1.6rem}#hero p{font-size:1rem}.container{padding:0 15px}section{padding:50px 0}}@media (min-width: 993px){.carousel-container{overflow-x:hidden;position:relative;display:block;grid-template-columns:none;padding-bottom:20px;cursor:default}.carousel-track{display:flex;gap:30px;width:max-content;will-change:transform;padding-bottom:20px;justify-content:flex-start;transform:translate(0)}#features .feature-item{flex-basis:300px;flex-shrink:0;width:300px}#testimonials .testimonial-item{flex-basis:320px;flex-shrink:0;width:320px}#features .feature-list,#testimonials .testimonial-list{grid-template-columns:none;gap:0}#features .feature-item:not(:last-child),#testimonials .testimonial-item:not(:last-child){margin-bottom:0}}@media (max-width: 992px){#features .feature-item:not(:last-child),#testimonials .testimonial-item:not(:last-child){margin-bottom:30px!important}}@media (min-width: 993px){#features .feature-item:not(:last-child),#testimonials .testimonial-item:not(:last-child){margin-bottom:0!important}}#cookie-consent-popup{position:fixed;bottom:20px;right:20px;left:auto;width:auto;max-width:420px;background-color:var(--text-dark);color:var(--secondary-color);padding:25px;box-sizing:border-box;display:block;z-index:1000;font-family:Roboto,sans-serif;font-size:.9rem;border-radius:var(--border-radius);box-shadow:var(--shadow-medium)}#cookie-consent-popup p{margin:0 0 18px;line-height:1.6}#cookie-consent-popup a{color:var(--white);text-decoration:underline;font-weight:500;transition:color .3s ease}#cookie-consent-popup a:hover{color:var(--accent-color)}#cookie-consent-popup button{background-color:var(--primary-color);color:var(--white);padding:10px 25px;border-radius:var(--border-radius);font-weight:600;font-family:Poppins,sans-serif;font-size:.9rem;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease;border:none;cursor:pointer;white-space:nowrap}#cookie-consent-popup button:hover{background-color:var(--primary-hover-color);transform:translateY(-1px)}@media (max-width: 768px){#cookie-consent-popup{bottom:0;left:0;right:0;width:100%;max-width:none;border-radius:0;padding:15px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 -2px 10px #0000001a}#cookie-consent-popup p{margin-bottom:15px;flex-grow:0}}body.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--secondary-color);font-family:Roboto,sans-serif;padding:20px;box-sizing:border-box}.auth-container{background:var(--white);padding:2.5rem 2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-light);width:100%;max-width:420px;border:1px solid var(--border-color);box-sizing:border-box}.auth-container .logo-img{display:block;max-width:150px;height:auto;margin:0 auto 2rem}.auth-container h1{text-align:center;color:var(--text-dark);margin-bottom:1rem;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:600}.auth-container .auth-description{text-align:center;margin-bottom:2rem;color:var(--text-medium);font-size:1rem}.auth-form label{display:block;margin-bottom:.6rem;color:var(--text-medium);font-weight:500;font-size:.95rem}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{width:100%;padding:.9rem 1rem;margin-bottom:1.2rem;border:1px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;font-size:1rem;font-family:Roboto,sans-serif;transition:border-color .3s ease,box-shadow .3s ease}.auth-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2979ff33}.auth-form .password-container{margin-bottom:1.2rem}.auth-form .password-container input{margin-bottom:.5rem}.auth-form .form-link,.auth-container .auth-link{display:block;font-size:.9rem;color:var(--primary-color);text-decoration:none;transition:color .3s ease}.auth-form .form-link:hover,.auth-container .auth-link:hover{color:var(--primary-hover-color);text-decoration:underline}.auth-form .forgot-password-link{text-align:right;margin-top:-.8rem;margin-bottom:1.2rem}.auth-container .switch-auth-link{text-align:center;margin-top:1.5rem;color:var(--text-medium);font-size:.95rem}.auth-container .switch-auth-link a{font-weight:500;margin-left:5px}.auth-form .btn{width:100%;padding:.9rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-family:Poppins,sans-serif;font-weight:600;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;margin-bottom:1rem;display:inline-flex;justify-content:center;align-items:center}.auth-form .btn-primary{background-color:var(--primary-color);color:var(--white);box-shadow:0 2px 4px #2979ff33}.auth-form .btn-primary:hover{background-color:var(--primary-hover-color);transform:translateY(-2px);box-shadow:0 4px 8px #2979ff4d}div.auth-container button.btn.btn-google{background-color:#db4437;color:var(--white);border:none;box-shadow:var(--shadow-light);text-transform:none;font-weight:500;font-family:Roboto,sans-serif;margin-top:.5rem;width:100%;padding:.9rem;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;transition:background-color .3s ease,border-color .3s ease;display:inline-flex;justify-content:center;align-items:center;margin-bottom:1rem}div.auth-container button.btn.btn-google:hover{background-color:#c33a2c;border-color:transparent;transform:translateY(-1px);box-shadow:var(--shadow-medium)}div.auth-container button.btn.btn-google img{width:18px;height:18px;margin-right:10px}.auth-separator-text{text-align:center;margin:1.5rem 0;color:var(--text-light);font-size:.9rem;font-weight:500;position:relative;text-transform:uppercase}.auth-separator-text:before,.auth-separator-text:after{content:"";position:absolute;top:50%;width:calc(50% - 25px);height:1px;background-color:var(--border-color)}.auth-feedback{margin-top:1rem;color:#dc3545;text-align:center;font-weight:500;font-size:.9rem;min-height:1.2em}.auth-separator{margin:1.5rem 0;border:0;border-top:1px solid var(--border-color)}body.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5;padding:20px;box-sizing:border-box}.auth-container{background:var(--white);padding:25px;border-radius:16px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:400px;border:none;text-align:center}.auth-container h1{font-family:Poppins,sans-serif;font-size:28px;font-weight:600;color:var(--text-dark);margin-top:0;margin-bottom:15px;text-align:center}.auth-form label{display:block;text-align:left;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.auth-form input[type=email],.auth-form input[type=password]{width:100%;padding:12px 15px;margin-bottom:10px;border:1px solid #dbe1e6;border-radius:var(--border-radius);box-sizing:border-box;font-size:16px;font-family:Roboto,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.auth-form input[type=email]:focus,.auth-form input[type=password]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2979ff26}.auth-form .btn.btn-primary{background-color:var(--primary-color);color:var(--white);padding:14px 20px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;border-radius:var(--border-radius);text-transform:none;width:100%;margin-top:10px;margin-bottom:8px;box-shadow:0 4px 12px #2979ff40}.auth-form .btn.btn-primary:hover{background-color:var(--primary-hover-color);box-shadow:0 6px 16px #2979ff59;transform:translateY(-2px)}.auth-separator-text{text-align:center;margin:0 0 8px;color:#adb5bd;font-size:13px;font-weight:500;position:relative;text-transform:uppercase}.auth-separator-text:before,.auth-separator-text:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background-color:#e9ecef}.auth-separator-text:before{left:0}.auth-separator-text:after{right:0}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:var(--border-radius);border-radius:var(--border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:15px;height:48px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:100%;max-width:100%;min-width:min-content;margin-bottom:12px}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:center;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:0;flex-grow:0;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.auth-feedback{margin-top:15px;margin-bottom:10px;color:#dc3545;text-align:center;font-weight:500;font-size:14px;min-height:1.2em}.auth-container .switch-auth-link{text-align:center;margin-top:10px;color:var(--text-medium);font-size:14px;white-space:nowrap;display:block}.auth-container .switch-auth-link a.auth-link{color:var(--primary-color);font-weight:600;text-decoration:none}.auth-container .switch-auth-link a.auth-link:hover{text-decoration:underline;color:var(--primary-hover-color)}.auth-container .logo-img{display:none}@media (max-width: 480px){.auth-container{padding:30px 25px}.sapien-logo-main{font-size:32px}.auth-container h1{font-size:24px;margin-bottom:25px}.auth-form input[type=email],.auth-form input[type=password]{padding:10px 12px;font-size:15px;margin-bottom:15px}.auth-form .btn.btn-primary,div.auth-container>button#google-signup-button.btn.btn-google{padding:12px 15px;font-size:15px}}.auth-footer-links{text-align:center;margin-top:8px;font-size:12px;color:var(--text-medium)}.auth-footer-links a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.auth-footer-links a:hover{text-decoration:underline}.auth-footer-links .separator{margin:0 5px;color:var(--text-light)}.login-link-container{text-align:center;margin-top:10px;margin-bottom:8px;font-size:14px}.login-link-container .login-text{color:var(--text-medium);display:inline;margin-right:4px}.login-link-container .login-link{color:var(--primary-color);font-weight:600;text-decoration:none;display:inline}.login-link-container .login-link:hover{text-decoration:underline}.user-menu{display:flex;align-items:center;margin-left:auto}.user-menu__login-btn{display:inline-block;padding:10px 24px;background-color:var(--primary-color);color:var(--white);font-family:Poppins,sans-serif;font-weight:600;font-size:.9rem;border-radius:var(--border-radius);text-decoration:none;transition:background-color .2s ease,transform .2s ease}.user-menu__login-btn:hover{background-color:var(--primary-hover-color);color:var(--white);transform:translateY(-1px)}.user-menu__logged-in{display:flex;align-items:center;position:relative}.user-menu__trigger{display:flex;align-items:center;gap:10px;padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:50px;cursor:pointer;transition:all .2s ease;font-family:inherit}.user-menu__trigger:hover{background-color:var(--secondary-color);border-color:var(--primary-color)}.user-menu__avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover-color));color:var(--white);font-family:Poppins,sans-serif;font-weight:600;font-size:.9rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-menu__name{font-family:Roboto,sans-serif;font-size:.9rem;color:var(--text-dark);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__chevron{color:var(--text-light);transition:transform .2s ease}.user-menu__trigger:hover .user-menu__chevron{color:var(--primary-color)}.user-menu__dropdown{position:fixed;top:70px;right:16px;width:280px;background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0000001f;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:9999;padding:8px}.user-menu__dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.user-menu__credits{padding:16px;background:var(--secondary-color);border-radius:8px;margin-bottom:8px}.user-menu__credits-label{display:block;font-size:.8rem;color:var(--text-light);margin-bottom:4px}.user-menu__credits-value{display:block;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;color:var(--text-dark);margin-bottom:10px}.user-menu__credits-bar{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.user-menu__credits-progress{height:100%;background:#22c55e;border-radius:3px;transition:width .3s ease,background-color .3s ease}.user-menu__divider{height:1px;background:var(--border-color);margin:8px 0}.user-menu__item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:8px;font-family:Roboto,sans-serif;font-size:.95rem;color:var(--text-medium);text-decoration:none;cursor:pointer;transition:all .15s ease;text-align:left}.user-menu__item:hover{background:var(--secondary-color);color:var(--text-dark)}.user-menu__item svg{flex-shrink:0;color:var(--text-light)}.user-menu__item:hover svg{color:var(--primary-color)}.user-menu__logout:hover{background:#fef2f2;color:#dc2626}.user-menu__logout:hover svg{color:#dc2626}@media (max-width: 768px){header{padding:10px 0}header .container{padding:0 12px}nav{display:flex;flex-direction:row!important;justify-content:space-between;align-items:center;flex-wrap:nowrap!important;gap:8px;width:100%}.logo{flex-shrink:0}.logo-img{height:45px}.user-menu{flex-shrink:0;margin-left:auto}.user-menu__name{display:none}.user-menu__trigger{padding:4px;border:none;background:transparent;gap:0}.user-menu__trigger:hover{background:transparent;border:none}.user-menu__avatar{width:34px;height:34px;font-size:.85rem}.user-menu__chevron{display:none}.user-menu__login-btn{padding:8px 16px;font-size:.85rem}.user-menu__dropdown{inset:auto 0 0;width:100%;max-width:none;border-radius:16px 16px 0 0;padding:16px;padding-bottom:calc(32px + env(safe-area-inset-bottom));transform:translateY(100%)}.user-menu__dropdown--open{transform:translateY(0)}}.user-menu__backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:9998;opacity:0;transition:opacity .2s ease;pointer-events:none}.user-menu__backdrop--visible{display:block;opacity:1;pointer-events:auto}