body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:60px 170px;box-sizing:border-box;background:linear-gradient(135deg,#232f3e,#1a2230);font-family:Arial,sans-serif}.register-container{width:100%;max-width:1200px;min-height:600px;display:flex;border-radius:20px;overflow:hidden;box-shadow:0 25px 70px #00000080;animation:pop .6s ease}.left-panel{flex:1;background:linear-gradient(135deg,#232f3e,#2d3e52);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center}.left-panel h1{font-size:32px;color:#febd69}.left-panel p{margin-top:15px;color:#cbd5e1;line-height:1.6}.right-panel{flex:1;background:#fff;display:flex;justify-content:center;align-items:center;padding:40px}.form-box{width:100%}.form-box h2{text-align:center;color:#232f3e;margin-bottom:20px}.form-box input{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:10px;outline:none;transition:.3s}.form-box input:focus{border-color:#febd69;box-shadow:0 0 10px #febd694d}.role-selector-title{font-size:13px;font-weight:600;color:#232f3e;margin-top:15px;margin-bottom:8px;text-align:left}.role-container{display:flex;gap:15px;margin-bottom:20px}.role-option{flex:1}.role-option input[type=radio]{display:none!important}.role-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:12px;font-weight:600;color:#475569;transition:all .25s ease;text-align:center;gap:6px;background:#f8fafc}.role-label i{font-size:18px;color:#94a3b8;transition:color .25s ease}.role-option input[type=radio]:checked+.role-label{border-color:#febd69;background:#febd6914;color:#232f3e;box-shadow:0 4px 12px #febd6926}.role-option input[type=radio]:checked+.role-label i{color:#febd69}.form-box button{width:100%;padding:12px;background:#febd69;color:#232f3e;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:.3s ease}.form-box button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.form-box p{text-align:center;margin-top:15px;font-size:14px;color:#555}.form-box a{color:#febd69;text-decoration:none;font-weight:700}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.register-container{flex-direction:column;width:90%;height:auto}.left-panel,.right-panel{padding:30px}}.auth-page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#232f3e;font-family:Arial}.back-btn{position:absolute;top:20px;left:20px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;color:#232f3e;border-radius:50%;box-shadow:0 8px 20px #00000040;text-decoration:none;font-size:18px;transition:.3s ease;z-index:1000}.back-btn:hover{transform:translate(-4px);background:#febd69;color:#232f3e}.message-container{padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:20px;line-height:1.4;text-align:left}.message-container.success{background-color:#ecfdf5;color:#065f46;border-left:4px solid #10b981}.message-container.error{background-color:#fef2f2;color:#991b1b;border-left:4px solid #ef4444}.message-container.hidden{display:none}