.register-page{background:#f8fafc;min-height:100vh;display:flex}.register-branding{flex:.8;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.register-branding__bg{background:linear-gradient(135deg,#10b981 0%,#059669 50%,#06b6d4 100%);position:absolute;inset:0}.register-branding__bg:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='50' cy='50' r='6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.register-branding__content{color:#fff;z-index:1;max-width:400px;position:relative}.register-branding__logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.5rem;display:flex}.register-branding__logo .material-symbols-outlined{font-size:36px}.register-branding__title{letter-spacing:-.02em;margin:0 0 .75rem;font-size:2rem;font-weight:800}.register-branding__subtitle{opacity:.9;margin:0 0 2.5rem;font-size:1rem;line-height:1.6}.register-branding__features{flex-direction:column;gap:1.25rem;display:flex}.register-branding__feature{align-items:flex-start;gap:.875rem;display:flex}.register-branding__feature .material-symbols-outlined{background:#fff3;border-radius:8px;flex-shrink:0;padding:.375rem;font-size:24px}.register-branding__feature h3{margin:0 0 .125rem;font-size:.9375rem;font-weight:600}.register-branding__feature p{opacity:.85;margin:0;font-size:.8125rem}.register-form-section{background:#fff;flex-direction:column;flex:1.2;justify-content:center;align-items:center;padding:2rem;display:flex;overflow-y:auto}.register-form-container{width:100%;max-width:540px}.register-form-header{text-align:center;margin-bottom:1.5rem}.register-form-header h2{color:#1a1a2e;margin:0 0 .375rem;font-size:1.5rem;font-weight:800}.register-form-header p{color:#64748b;margin:0;font-size:.875rem}.register-org-section{margin-bottom:1.5rem}.register-org-label{color:#334155;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:flex}.register-org-label .material-symbols-outlined{color:#10b981;font-size:18px}.register-org-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.register-org-card{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;padding:1rem;transition:all .15s;display:flex;position:relative}.register-org-card input{opacity:0;pointer-events:none;position:absolute}.register-org-card__check{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.register-org-card__check .material-symbols-outlined{color:#0000;font-size:16px}.register-org-card__name{color:#334155;font-size:.9375rem;font-weight:600}.register-org-card:hover{border-color:#10b981}.register-org-card--active{background:#10b98114;border-color:#10b981}.register-org-card--active .register-org-card__check{background:#10b981;border-color:#10b981}.register-org-card--active .register-org-card__check .material-symbols-outlined{color:#fff}.register-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.register-error .material-symbols-outlined{color:#ef4444;font-size:18px}.register-error span:last-child{color:#dc2626;font-size:.8125rem}.register-form{flex-direction:column;gap:1rem;display:flex}.register-form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (max-width:600px){.register-form-grid{grid-template-columns:1fr}}.register-field{flex-direction:column;gap:.375rem;display:flex}.register-label{color:#334155;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:flex}.register-label .material-symbols-outlined{color:#10b981;font-size:16px}.register-input{color:#1a1a2e;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.register-input:hover{border-color:#cbd5e1}.register-input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.register-input::placeholder{color:#94a3b8}.register-input--error{border-color:#ef4444}.register-field-error{color:#ef4444;font-size:.6875rem}.register-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #10b9814d}.register-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.register-submit:disabled{opacity:.7;cursor:not-allowed}.register-submit .material-symbols-outlined{font-size:20px}.register-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.register-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.25rem}.register-footer p{color:#64748b;margin:0;font-size:.875rem}.register-link{color:#10b981;font-weight:600;text-decoration:none;transition:color .15s}.register-link:hover{color:#059669;text-decoration:underline}.register-copyright{text-align:center;margin-top:2rem}.register-copyright p{color:#94a3b8;margin:0;font-size:.6875rem}@media (max-width:900px){.register-page{flex-direction:column}.register-branding{min-height:auto;padding:2rem}.register-branding__content{text-align:center;max-width:100%}.register-branding__logo{margin:0 auto 1.25rem}.register-branding__title{font-size:1.5rem}.register-branding__subtitle{margin-bottom:1.5rem;font-size:.875rem}.register-branding__features{display:none}.register-form-section{padding:1.5rem}.register-org-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-form-container{animation:.5s fadeInUp}.register-branding__content{animation:.5s .1s both fadeInUp}