.client-signup{min-height:100vh;background:linear-gradient(135deg,var(--background-color) 0,#111 100%);padding:80px 0 60px}.client-signup .signup-content{display:grid;grid-template-columns:1fr 400px;grid-gap:80px;gap:80px;align-items:start;max-width:1200px;margin:0 auto}.client-signup .signup-hero .hero-text{margin-bottom:60px}.client-signup .signup-hero .hero-text h1{font-size:3.5rem;font-weight:800;color:var(--text-color);margin-bottom:20px;line-height:1.1;background:linear-gradient(135deg,var(--primary-color),#9BC010);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.client-signup .signup-hero .hero-text .hero-subtitle{font-size:1.3rem;color:var(--text-secondary);line-height:1.4}.client-signup .signup-hero .benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px}.client-signup .signup-hero .benefits-grid .benefit-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.client-signup .signup-hero .benefits-grid .benefit-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 32px rgba(185,225,16,.1)}.client-signup .signup-hero .benefits-grid .benefit-card .benefit-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:16px}.client-signup .signup-hero .benefits-grid .benefit-card h3{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:12px}.client-signup .signup-hero .benefits-grid .benefit-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:0}.client-signup .signup-form{position:-webkit-sticky;position:sticky;top:100px}.client-signup .signup-form .form-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.client-signup .signup-form .form-card .form-header{text-align:center;margin-bottom:32px}.client-signup .signup-form .form-card .form-header h2{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:8px}.client-signup .signup-form .form-card .form-header p{color:var(--text-secondary);font-size:1rem}.client-signup .signup-form .form-card .error-message{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);border-radius:8px;padding:12px 16px;margin-bottom:24px;color:var(--error-color);font-size:.9rem;text-align:center}.client-signup .signup-form .form-card .form-content .google-signup-btn{width:100%;background:#fff;color:#333;border:1px solid #ddd;border-radius:8px;padding:14px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.client-signup .signup-form .form-card .form-content .google-signup-btn:hover:not(:disabled){background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.client-signup .signup-form .form-card .form-content .google-signup-btn:disabled{opacity:.7;cursor:not-allowed}.client-signup .signup-form .form-card .form-content .google-signup-btn .google-icon{font-size:1.2rem}.client-signup .signup-form .form-card .form-content .google-signup-btn .btn-loading{display:flex;align-items:center;gap:8px;color:#666}.client-signup .signup-form .form-card .form-content .form-divider{text-align:center;margin-bottom:20px;position:relative}.client-signup .signup-form .form-card .form-content .form-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color);z-index:1}.client-signup .signup-form .form-card .form-content .form-divider span{background:var(--card-bg);color:var(--text-secondary);padding:0 16px;font-size:.9rem;position:relative;z-index:2}.client-signup .signup-form .form-card .form-content .login-link-btn{width:100%;background:rgba(0,0,0,0);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 20px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.client-signup .signup-form .form-card .form-content .login-link-btn:hover{color:var(--text-color);border-color:var(--primary-color);background:rgba(185,225,16,.05)}.client-signup .signup-form .form-card .form-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.client-signup .signup-form .form-card .form-footer .terms-text{font-size:.8rem;color:var(--text-secondary);line-height:1.5;text-align:center;margin:0}.client-signup .signup-form .form-card .form-footer .terms-text a{color:var(--primary-color);text-decoration:none}.client-signup .signup-form .form-card .form-footer .terms-text a:hover{text-decoration:underline}.client-signup .signup-testimonials{grid-column:1/-1;margin-top:80px}.client-signup .signup-testimonials h3{font-size:2rem;font-weight:700;color:var(--text-color);text-align:center;margin-bottom:40px}.client-signup .signup-testimonials .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}.client-signup .signup-testimonials .testimonials-grid .testimonial-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center}.client-signup .signup-testimonials .testimonials-grid .testimonial-card .testimonial-stars{color:var(--primary-color);font-size:1.2rem;margin-bottom:16px}.client-signup .signup-testimonials .testimonials-grid .testimonial-card p{color:var(--text-color);font-size:.95rem;line-height:1.6;margin-bottom:16px;font-style:italic}.client-signup .signup-testimonials .testimonials-grid .testimonial-card .testimonial-author{color:var(--text-secondary);font-size:.85rem;font-weight:500}@media(max-width:1024px){.client-signup .signup-content{grid-template-columns:1fr;gap:60px;max-width:600px}.client-signup .signup-form{position:static}.client-signup .signup-hero .hero-text h1{font-size:2.5rem}.client-signup .signup-hero .benefits-grid,.client-signup .signup-testimonials .testimonials-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.client-signup{padding:60px 0 40px}.client-signup .signup-hero .hero-text{margin-bottom:40px}.client-signup .signup-hero .hero-text h1{font-size:2rem}.client-signup .signup-hero .hero-text .hero-subtitle{font-size:1.1rem}.client-signup .signup-form .form-card{padding:30px 20px}.client-signup .signup-form .form-card .form-header h2{font-size:1.5rem}.client-signup .signup-testimonials{margin-top:60px}.client-signup .signup-testimonials h3{font-size:1.5rem}}@media(max-width:480px){.client-signup{padding:40px 0 20px}.client-signup .signup-content{gap:40px}.client-signup .signup-hero .hero-text h1{font-size:1.8rem}.client-signup .signup-form .form-card{padding:24px 16px}}