.signup-page{background:linear-gradient(180deg,var(--primary-bg)0%,var(--primary-bg-light)100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.signup-page:before{content:"";background:radial-gradient(circle,#fff3 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite float;position:absolute;top:-100px;right:-100px}.signup-page:after{content:"";background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-100px;left:-100px}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,30px)scale(1.1)}}.signup-wrapper{z-index:1;width:100%;max-width:1000px;position:relative}.role-selection{animation:.6s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signup-header{text-align:center;margin-bottom:3rem}.signup-header h1{font-family:var(--font-serif);color:var(--text-dark);margin-bottom:.75rem;font-size:3rem;font-weight:600}.signup-header p{color:var(--text-light);letter-spacing:.3px;font-size:1.15rem}.role-cards{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;display:grid}.role-card{background:var(--ivory-light);border:1px solid var(--ivory-dark);cursor:pointer;box-shadow:var(--shadow-md);border-radius:20px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.role-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ddb6c41a 0%,#f4dde41a 100%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.role-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-10px)}.role-card:hover:before{opacity:1}.role-icon{margin-bottom:1.5rem;font-size:3.5rem;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.role-card:hover .role-icon{animation:none;transform:scale(1.1)}.role-card h3{font-family:var(--font-serif);color:var(--text-dark);margin-bottom:.75rem;font-size:1.75rem}.role-card>p{color:var(--text-light);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.role-features{margin-bottom:2rem;padding:0;list-style:none}.role-features li{color:var(--text-light);margin-bottom:.75rem;padding-left:1.75rem;font-size:.9rem;position:relative}.role-features li:before{content:"✓";color:var(--primary-color);font-size:1.1rem;font-weight:700;position:absolute;left:0}.select-btn{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);width:100%;color:var(--text-dark);cursor:pointer;border:none;border-radius:50px;padding:.9rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ebc8d359}.select-btn:hover{background:linear-gradient(135deg,var(--primary-dark)0%,var(--primary-color)100%);transform:translateY(-2px);box-shadow:0 6px 20px #d9a9b966}.signup-form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:2px solid #ede9e380;border-radius:24px;max-width:650px;margin:0 auto;padding:3rem;animation:.6s ease-out fadeInUp;box-shadow:0 20px 60px #0000001a}.back-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.95rem;font-weight:500;transition:all .3s;display:inline-flex}.back-btn:hover{color:var(--primary-dark);gap:.75rem}.signup-form{margin:2rem 0}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-dark);margin-bottom:.6rem;font-size:.95rem;font-weight:600;display:block}.form-group input,.form-group select{width:100%;color:var(--text-dark);background:#fffc;border:2px solid #ede9e399;border-radius:12px;outline:none;padding:.95rem 1.25rem;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);background:var(--white);transform:translateY(-2px);box-shadow:0 0 0 4px #ebc8d333}.form-group input::placeholder{color:#bbb}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.btn-submit{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);width:100%;color:var(--text-dark);cursor:pointer;letter-spacing:.5px;border:none;border-radius:50px;margin-top:1rem;padding:1.1rem 2rem;font-size:1.05rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #ebc8d359}.btn-submit:hover{background:linear-gradient(135deg,var(--primary-dark)0%,var(--primary-color)100%);transform:translateY(-3px);box-shadow:0 8px 25px #d9a9b973}.btn-submit:active{transform:translateY(-1px)}.divider{text-align:center;margin:2rem 0;position:relative}.divider:before{content:"";background:linear-gradient(90deg,#0000,#c5a0594d,#0000);height:1px;position:absolute;top:50%;left:0;right:0}.divider span{color:var(--text-light);background:#ffffffe6;padding:0 1.5rem;font-size:.9rem;font-weight:500;position:relative}.btn-google{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--text-dark);cursor:pointer;background:#ffffffe6;border:2px solid #ede9e3cc;border-radius:50px;justify-content:center;align-items:center;gap:.75rem;padding:.95rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-google:hover{border-color:var(--primary-color);background:var(--white);transform:translateY(-2px);box-shadow:0 4px 15px #ebc8d340}.login-prompt{text-align:center;color:var(--text-light);margin-top:2rem;font-size:.95rem}.login-prompt a{color:var(--primary-color);font-weight:700;text-decoration:none;transition:all .3s;position:relative}.login-prompt a:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.login-prompt a:hover:after{width:100%}@media (max-width:968px){.role-cards{grid-template-columns:1fr;gap:1.5rem}.signup-header h1{font-size:2.5rem}}@media (max-width:640px){.signup-page{padding:1rem}.signup-form-container{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.signup-header h1{font-size:2rem}.role-card{padding:2rem 1.5rem}.role-icon{font-size:2.5rem}}