.navbar{width:100%;background:#3a658c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2vw;height:64px;position:fixed;top:0;left:0;z-index:100}.navbar .nav-section{display:flex;align-items:center;gap:.5vw}.navbar .nav-center{margin:0 auto;display:flex;align-items:center;justify-content:center}.navbar .nav-icon{height:28px;width:28px;margin-right:.2vw;vertical-align:middle}.navbar .nav-title{font-size:1.6rem;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:.5vw;color:#fff}.nav-link{text-decoration:none;color:#fff;display:flex;align-items:center}body{background-color:#edf2f7;background-image:linear-gradient(30deg,#3a658c 12%,transparent 12.5%,transparent 87%,#3a658c 87.5%,#3a658c),linear-gradient(150deg,#3a658c 12%,transparent 12.5%,transparent 87%,#3a658c 87.5%,#3a658c),linear-gradient(30deg,#3a658c 12%,transparent 12.5%,transparent 87%,#3a658c 87.5%,#3a658c),linear-gradient(150deg,#3a658c 12%,transparent 12.5%,transparent 87%,#3a658c 87.5%,#3a658c),linear-gradient(60deg,#3a658c77 25%,transparent 25.5%,transparent 75%,#3a658c77 75%,#3a658c77),linear-gradient(60deg,#3a658c77 25%,transparent 25.5%,transparent 75%,#3a658c77 75%,#3a658c77);background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;background-size:80px 140px;position:relative;min-height:100vh;background-attachment:fixed}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffffe6,#fff9);pointer-events:none;z-index:0}.register-container{background-color:#fff;border-radius:10px;box-shadow:0 15px 35px #0003;overflow:hidden;max-width:1200px;width:100%;margin:7rem auto 2rem;display:flex;flex-direction:column;background-image:linear-gradient(rgba(58,101,140,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(58,101,140,.05) 1px,transparent 1px);background-size:40px 40px;position:relative;z-index:10;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.register-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#fff0,#fffffff2);pointer-events:none;z-index:1}.register-row{display:flex;flex-direction:column-reverse;width:100%;z-index:2}.form-column{flex:1;padding:2.5rem;position:relative}.welcome-column{background:linear-gradient(135deg,#3a658c,#0d3d56);color:#fff;padding:2.5rem;text-align:center;position:relative;overflow:hidden}.welcome-column:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;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%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.2}.welcome-column h3{font-size:2rem;font-weight:700;margin-bottom:1.5rem;position:relative}.welcome-column p{font-size:1.1rem;margin-bottom:1.5rem;position:relative}.login-btn{background-color:transparent;border:2px solid white;color:#fff;border-radius:6px;padding:.7rem 2.2rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;margin-top:1rem;position:relative}.login-btn:hover{background-color:#fff3;transform:translateY(-3px)}.form-title{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;color:#333;text-align:center}.form-subtitle{font-size:1.1rem;color:#666;margin-bottom:1.5rem;text-align:center}.input-group{margin-bottom:1.5rem}.input-label{display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:#444}.input-field{width:100%;padding:.8rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border .3s ease}.input-field:focus{outline:none;border-color:#3a658c}.password-input-container{position:relative;display:flex;align-items:center}.password-input{padding-right:3rem}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:#666;font-size:1rem;transition:color .3s ease;z-index:1}.password-toggle:hover{color:#3a658c}.password-toggle:focus{outline:none;color:#3a658c}.input-field.password-valid{border-color:#28a745!important;box-shadow:0 0 0 2px #28a74540!important}.input-field.password-invalid{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354540!important}.input-field.password-neutral{border-color:#3a658c!important;box-shadow:0 0 0 2px #3a658c40!important}.password-requirements{margin-top:.5rem;padding:.75rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-match-feedback{margin-top:.5rem;padding:.5rem .75rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.requirement-item{display:flex;align-items:center;margin-bottom:.25rem;font-size:.85rem;transition:all .3s ease}.requirement-item:last-child{margin-bottom:0}.requirement-icon{width:16px;margin-right:8px;color:#dc3545;transition:color .3s ease}.requirement-item.valid .requirement-icon,.requirement-item.valid span{color:#28a745}.requirement-item.invalid .requirement-icon,.requirement-item.invalid span{color:#dc3545}.requirement-item span{color:#6c757d;transition:color .3s ease}.requirement-item.valid .requirement-icon:before{content:""}.requirement-item.invalid .requirement-icon:before{content:""}.register-btn{width:100%;background:linear-gradient(135deg,#3a658c,#0d3d56);color:#fff;border:none;border-radius:6px;padding:.8rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.register-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3a658c4d}.error-message{color:#e53e3e;font-size:.85rem;margin-top:.4rem}@media (min-width: 768px){.register-row{flex-direction:row}.form-column{flex:3;padding:3rem}.welcome-column{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 767px){.navbar{height:56px;padding:0 4vw}.navbar .nav-title{font-size:1.4rem}.navbar .nav-icon{height:24px;width:24px}.register-container{margin-top:5rem;width:90%;border-radius:8px}}@keyframes gridMoveHorizontal{0%{background-position:0 0}to{background-position:40px 0}}@keyframes floatingBackground{0%,to{background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px}50%{background-position:10px -5px,10px -5px,50px 65px,50px 65px,10px -5px,50px 65px}}.register-container{animation:gridMoveHorizontal 120s infinite linear}body{animation:floatingBackground 20s ease-in-out infinite}.password-requirements{font-size:12px;color:#666;margin-top:4px;font-style:italic}