.register-page{min-height:100vh;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.register-page .register-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:64px 32px;background:#f9fafb}.register-page .register-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:48px}.register-page .register-header{text-align:center;animation:slideInLeft .8s ease-out}.register-page .register-logo{display:inline-flex;align-items:center;gap:16px;margin-bottom:40px;text-decoration:none;transition:transform .3s ease}.register-page .register-logo:hover{transform:translateY(-2px)}.register-page .logo-container{position:relative}.register-page .logo-icon{width:64px;height:64px;background:linear-gradient(135deg,#059669,#047857);border-radius:24px;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 8px 32px rgba(5,150,105,.3);transition:all .3s ease}.register-page .register-logo:hover .logo-icon{box-shadow:0 12px 40px rgba(5,150,105,.4);transform:scale(1.05)}.register-page .logo-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:12px;box-shadow:0 4px 12px rgba(245,158,11,.3)}.register-page .logo-text-container{text-align:left}.register-page .logo-title{font-size:32px;font-weight:800;color:#1a1a1a;margin-bottom:4px}.register-page .logo-subtitle{font-size:16px;color:#059669;font-weight:600}.register-page .register-title{font-size:48px;font-weight:900;color:#1a1a1a;margin-bottom:16px;line-height:1.1}.register-page .register-description{font-size:20px;color:#6b7280;font-weight:500}.register-page .register-form-container{background:white;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid #e5e7eb;padding:48px;animation:slideInUp .8s ease-out .2s both}.register-page .register-form{display:flex;flex-direction:column;gap:32px}.register-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.register-page .form-field{animation:slideInLeft .6s ease-out}.register-page .form-field:first-child{animation-delay:.3s}.register-page .form-field:nth-child(2){animation-delay:.4s}.register-page .form-field:nth-child(3){animation-delay:.5s}.register-page .form-field:nth-child(4){animation-delay:.6s}.register-page .form-label{display:block;font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.register-page .form-input-container{position:relative;display:flex;align-items:center}.register-page .form-input-icon{position:absolute;left:24px;color:#9ca3af;transition:color .3s ease;z-index:2}.register-page .form-input-container:focus-within .form-input-icon{color:#059669}.register-page .form-input{width:100%;padding:24px 24px 24px 64px;font-size:18px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;transition:all .3s ease;font-weight:500}.register-page .form-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 4px rgba(5,150,105,.1);background:white}.register-page .form-input::placeholder{color:#9ca3af}.register-page .password-input{padding-right:64px}.register-page .password-toggle{position:absolute;right:24px;background:none;border:none;color:#9ca3af;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px}.register-page .password-toggle:hover{color:#059669;transform:scale(1.1)}.register-page .form-error{margin-top:8px;font-size:14px;color:#ef4444;font-weight:500;animation:slideInUp .3s ease-out}.register-page .submit-button{width:100%;background:linear-gradient(135deg,#059669,#047857);color:white;padding:24px 40px;border:none;border-radius:16px;font-weight:700;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 24px rgba(5,150,105,.3);transition:all .3s ease;animation:slideInUp .6s ease-out .7s both}.register-page .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 12px 32px rgba(5,150,105,.4);transform:translateY(-2px) scale(1.02)}.register-page .submit-button:active:not(:disabled){transform:translateY(0) scale(.98)}.register-page .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-page .loading-spinner{width:24px;height:24px;border:2px solid transparent;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.register-page .register-links{text-align:center;padding-top:32px;border-top:1px solid #e5e7eb;animation:fadeIn .6s ease-out .8s both}.register-page .register-links-text{font-size:18px;color:#6b7280}.register-page .register-link{color:#059669;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;transition:all .3s ease}.register-page .register-link:hover{color:#047857;text-decoration-color:#047857}.register-page .terms-section{text-align:center;margin-top:32px;padding:24px;background:#f9fafb;border-radius:16px;border:1px solid #e5e7eb;animation:slideInUp .6s ease-out .9s both}.register-page .terms-text{font-size:16px;color:#6b7280;font-weight:500}.register-page .terms-link{color:#059669;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;transition:color .3s ease}.register-page .terms-link:hover{color:#047857}.register-page .register-hero-section{display:none;flex:1;background:linear-gradient(135deg,#059669,#047857 50%,#065f46);position:relative;overflow:hidden}.register-page .hero-background{position:absolute;inset:0}.register-page .hero-pattern-1{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0,transparent 50%)}.register-page .hero-pattern-2{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0,transparent 50%)}.register-page .hero-pattern-3{position:absolute;inset:0;background:linear-gradient(45deg,transparent 25%,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 50%,transparent 0,transparent 75%,rgba(255,255,255,.05) 0);background-size:60px 60px;animation:pulse 3s ease-in-out infinite}.register-page .hero-content{position:relative;justify-content:center;display:flex;width:100%;padding:64px;z-index:1}.register-page .hero-text-container{text-align:center;color:white;max-width:600px;animation:slideInRight 1s ease-out}.register-page .hero-icon-container{animation:scaleRotate .8s ease-out .2s both;position:relative;display:flex;width:100%;align-items:center;justify-content:center;margin:auto auto 3em}.register-page .hero-icon-background{width:144px;height:144px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.3)}.register-page .hero-icon{width:80px;height:80px;color:white}.register-page .hero-icon-badge{position:absolute;top:-16px;right:-16px;width:40px;height:40px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:18px;box-shadow:0 8px 16px rgba(245,158,11,.3)}.register-page .hero-title{font-size:56px;font-weight:900;margin-bottom:40px;line-height:1.1;animation:slideInUp .8s ease-out .4s both}.register-page .hero-title-accent{display:block;color:#fbbf24;margin-top:16px;font-size:48px}.register-page .hero-description{font-size:24px;color:rgba(255,255,255,.9);margin-bottom:64px;line-height:1.6;font-weight:500;animation:slideInUp .8s ease-out .6s both}.register-page .hero-description-highlight{color:white;font-weight:700}.register-page .hero-features{display:grid;grid-template-columns:1fr;gap:32px;max-width:500px;margin:0 auto;animation:fadeIn .8s ease-out .8s both}.register-page .hero-feature{display:flex;align-items:center;color:rgba(255,255,255,.9);font-size:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;animation:slideInLeft .5s ease-out}.register-page .hero-feature:first-child{animation-delay:.9s}.register-page .hero-feature:nth-child(2){animation-delay:1s}.register-page .hero-feature:nth-child(3){animation-delay:1.1s}.register-page .hero-feature:nth-child(4){animation-delay:1.2s}.register-page .hero-feature:hover{background:rgba(255,255,255,.15);transform:translateX(8px)}.register-page .hero-feature-icon{font-size:32px;margin-right:24px;flex-shrink:0}.register-page .hero-feature-text{font-weight:600}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleRotate{0%{opacity:0;transform:scale(0) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}@media (min-width:1024px){.register-page .register-hero-section{display:flex}.register-page .register-form-section{padding:64px}}@media (max-width:768px){.register-page .register-form-section{padding:32px 16px}.register-page .register-container{gap:32px}.register-page .register-title{font-size:36px}.register-page .register-description{font-size:18px}.register-page .register-form-container{padding:32px}.register-page .form-input{padding:20px 20px 20px 56px;font-size:16px}.register-page .submit-button{padding:20px 32px;font-size:18px}.register-page .logo-icon{width:56px;height:56px}.register-page .logo-title{font-size:28px}.register-page .form-row{grid-template-columns:1fr;gap:16px}}@media (max-width:480px){.register-page .register-form-container{padding:24px}.register-page .register-title{font-size:32px}.register-page .form-input{padding:18px 18px 18px 52px;font-size:15px}.register-page .submit-button{padding:18px 24px;font-size:16px}}