*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--red: #E31837;--red-dark: #B81230;--red-light: #FF4D6A;--red-bg: #FFF0F2;--red-glow: rgba(227, 24, 55, .15);--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--green: #10B981;--green-bg: #ECFDF5;--yellow: #F59E0B;--yellow-bg: #FFFBEB;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 25px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl: 0 20px 50px -12px rgba(0,0,0,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--gray-800);background:var(--gray-50);min-height:100vh;line-height:1.6}.hidden{display:none!important}.container{max-width:520px;margin:0 auto;padding:0 20px}.screen{min-height:100vh;display:flex;flex-direction:column}.screen.active{display:flex}.header{background:var(--white);padding:14px 0;position:sticky;top:0;z-index:100;border-bottom:3px solid var(--red);box-shadow:0 2px 6px #0000000a}.header-inner{max-width:520px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:center}.logo-clube-sm{height:36px;transition:transform var(--transition)}.logo-clube-sm:hover{transform:scale(1.05)}.logo-area{text-align:center;padding:60px 0 30px}.logo-clube{height:60px;animation:fadeInDown .6s ease}.card{background:var(--white);border-radius:var(--radius-lg);padding:40px 32px;text-align:center;box-shadow:var(--shadow-lg);animation:fadeInUp .5s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-expired:before{background:var(--yellow)}.card-completed:before{background:var(--green)}.card-success:before{background:var(--red)}.card h2{font-size:1.4rem;font-weight:700;color:var(--gray-900);margin:16px 0 8px}.card p{color:var(--gray-500);font-size:.95rem;line-height:1.6;margin-bottom:20px}.icon-circle{width:72px;height:72px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.icon-warning{background:var(--yellow-bg);color:var(--yellow)}.icon-success{background:var(--green-bg);color:var(--green)}.welcome-section{text-align:center;padding:28px 0 20px}.welcome-section h1{font-size:1.6rem;font-weight:800;color:var(--gray-900);margin-bottom:8px;letter-spacing:-.02em}.welcome-text{color:var(--gray-500);font-size:.95rem}.welcome-text strong{color:var(--red)}.cpf-badge{display:inline-flex;align-items:center;gap:8px;background:var(--red-bg);color:var(--red);padding:10px 18px;border-radius:100px;font-size:.85rem;margin-top:16px;border:1px solid rgba(227,24,55,.12);animation:fadeInUp .5s ease .2s both}.cpf-badge strong{font-weight:700;letter-spacing:.04em}.progress-bar-container{display:flex;align-items:center;gap:12px;margin-bottom:24px}.progress-bar{flex:1;height:6px;background:var(--gray-200);border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--red) 0%,var(--red-light) 100%);border-radius:100px;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-text{font-size:.75rem;color:var(--gray-400);font-weight:600;white-space:nowrap;min-width:80px;text-align:right}.form-section{background:var(--white);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:box-shadow var(--transition);animation:fadeInUp .5s ease both}.form-section:nth-child(1){animation-delay:.1s}.form-section:nth-child(2){animation-delay:.2s}.form-section:nth-child(3){animation-delay:.3s}.form-section:hover{box-shadow:var(--shadow-md)}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--gray-100)}.section-icon{width:36px;height:36px;background:var(--red-bg);color:var(--red);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-header h2{font-size:1rem;font-weight:700;color:var(--gray-800)}.form-group{margin-bottom:16px;flex:1}.form-group:last-child{margin-bottom:0}.form-group-sm{flex:0 0 100px}.form-row{display:flex;gap:12px}label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-700);margin-bottom:6px}.required{color:var(--red)}input[type=text],input[type=email],input[type=date],input[type=tel],select{width:100%;padding:12px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;color:var(--gray-800);background:var(--white);transition:all var(--transition);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow)}button:focus-visible,input:focus-visible,select:focus-visible,.gender-pill:focus-visible,.checkbox-container input:focus-visible~.checkmark{outline:2px solid var(--red);outline-offset:2px}input:disabled,input[readonly]{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}input.error{border-color:var(--red);background:var(--red-bg)}input.success{border-color:var(--green);background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.input-with-action{display:flex;gap:8px}.input-with-action input{flex:1}.btn-inline{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-500);font-size:.8rem;font-weight:600;padding:0 14px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition);font-family:inherit}.btn-inline:hover{border-color:var(--red);color:var(--red);background:var(--red-bg)}.btn-inline.active{background:var(--red);color:var(--white);border-color:var(--red)}.btn-cep{display:flex;align-items:center;gap:4px}.error-msg{display:block;font-size:.8rem;color:var(--red);margin-top:4px;min-height:0;transition:all var(--transition)}.loading-msg{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--gray-400);margin-top:6px}.hint{font-size:.8rem;color:var(--gray-400);margin-top:12px}.gender-pills{display:flex;gap:6px;flex-wrap:wrap}.gender-pill{flex:1 1 auto;min-width:0;padding:10px 12px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);color:var(--gray-600);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition);text-align:center;white-space:nowrap}.gender-pill:hover{border-color:var(--gray-300);color:var(--gray-800)}.gender-pill[aria-checked=true]{background:var(--red-bg);border-color:var(--red);color:var(--red)}.gender-pills.error .gender-pill{border-color:var(--red)}.sem-numero-toggle{display:inline-flex;align-items:center;gap:8px;margin:-4px 0 16px;font-size:.85rem;color:var(--gray-600);cursor:pointer;-webkit-user-select:none;user-select:none}.sem-numero-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--red);cursor:pointer;margin:0}.cep-fallback{display:block;margin-top:6px;padding:8px 12px;background:var(--yellow-bg);color:#92400e;font-size:.8rem;border-radius:var(--radius-sm);border:1px solid #FDE68A}.consent-card{padding:10px 4px;background:transparent;border-radius:0;margin-bottom:4px;border:none;transition:none}.consent-card:hover{border-color:transparent;background:transparent}.checkbox-container{display:flex;align-items:flex-start;gap:12px;cursor:pointer;position:relative}.checkbox-container input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkmark{width:22px;height:22px;min-width:22px;border:2px solid var(--gray-300);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all var(--transition);margin-top:2px;background:var(--white)}.checkmark:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .15s ease}.checkbox-container input:checked~.checkmark{background:var(--red);border-color:var(--red)}.checkbox-container input:checked~.checkmark:after{transform:rotate(45deg) scale(1)}.consent-text strong{font-size:.9rem;color:var(--gray-800);display:block;margin-bottom:2px}.consent-text p{font-size:.8rem;color:var(--gray-400);line-height:1.5}.lgpd-notice{display:flex;gap:12px;padding:14px 16px;background:var(--gray-50);border-radius:var(--radius-sm);margin-top:12px;border:1px solid var(--gray-200)}.lgpd-notice svg{flex-shrink:0;color:var(--gray-500);margin-top:2px}.lgpd-notice p{font-size:.85rem;color:var(--gray-600);line-height:1.6}.lgpd-notice strong{color:var(--gray-800);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all var(--transition);outline:none}.btn-primary{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);color:var(--white);box-shadow:0 4px 14px #e318374d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e3183766}.btn-primary:active{transform:translateY(0)}.btn-full{width:100%}.btn-submit{margin:8px 0 32px;padding:16px;font-size:1.05rem;border-radius:var(--radius-md);animation:fadeInUp .5s ease .4s both}.footer{text-align:center;padding:32px 20px 40px;margin-top:auto}.logo-footer{height:36px;opacity:.4;margin-bottom:8px;transition:opacity var(--transition)}.logo-footer:hover{opacity:.6}.footer p{font-size:.75rem;color:var(--gray-400)}.main-content{flex:1;padding-bottom:16px}.card-success{padding-top:48px}.card-success .icon-circle{width:80px;height:80px}.success-svg{display:block;width:100%;max-width:420px;height:auto;margin:24px auto 20px}.spinner{width:16px;height:16px;border:2px solid var(--gray-200);border-top-color:var(--red);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.spinner-white{border-color:#ffffff4d;border-top-color:var(--white)}.confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;opacity:0;animation:confettiFall 3s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes animate-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-bounce{animation:animate-bounce 1s ease .3s 2}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px) rotate(0)}to{opacity:0;transform:translateY(300px) rotate(720deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:shake .5s ease}@media(max-width:480px){.container{padding:0 16px}.welcome-section h1{font-size:1.4rem}.form-section{padding:20px 16px}.card{padding:32px 24px;margin:0 4px}.form-row{flex-direction:column;gap:0}.form-group-sm{flex:auto}.cpf-badge{font-size:.8rem;padding:8px 14px}.gender-pill{padding:9px 8px;font-size:.8rem}}@media(min-width:521px){.welcome-section h1{font-size:1.8rem}}