*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#ffeef8,#f8e8f5);color:#444;line-height:1.6;min-height:100vh;padding:2rem 1rem;position:relative;overflow-x:hidden;overflow-y:auto}.bg-decoration{position:fixed;border-radius:50%;background:#ffb6c133;animation:float 6s ease-in-out infinite;z-index:0}.bg-decoration:nth-child(1){width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.bg-decoration:nth-child(2){width:200px;height:200px;bottom:-50px;right:-50px;animation-delay:2s}.bg-decoration:nth-child(3){width:150px;height:150px;top:50%;right:10%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}.auth-wrapper{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 4rem);position:relative;z-index:1}.auth-container{background:#fff;border-radius:30px;box-shadow:0 20px 60px #ff69b44d;overflow:hidden;max-width:1000px;width:100%;display:grid;grid-template-columns:1fr 1fr;position:relative;animation:slideUp .6s ease;margin:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-branding{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.auth-branding:before,.auth-branding:after{content:"";position:absolute;border-radius:50%;background:#ffffff1a;animation:pulse 3s ease-in-out infinite}.auth-branding:before{width:200px;height:200px;top:-50px;left:-50px}.auth-branding:after{width:150px;height:150px;bottom:-30px;right:-30px;animation-direction:reverse}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.brand-logo{font-size:5rem;margin-bottom:2rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brand-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.brand-subtitle{font-size:1.2rem;opacity:.95;line-height:1.8}.brand-features{margin-top:2rem;text-align:left}.feature-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon{font-size:1.5rem}.auth-form-container{padding:4rem 3rem;position:relative;max-height:100%;overflow-y:auto}.form-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #ffe4e1}.form-tab{flex:1;padding:1rem;background:none;border:none;color:#999;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;position:relative}.form-tab.active{color:#ff1493}.form-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ff1493,#ff69b4);border-radius:3px 3px 0 0}.form-title{font-size:2rem;color:#8b0054;margin-bottom:.5rem;font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#8b0054;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.form-input{width:100%;padding:1rem;border:2px solid #ffd1dc;border-radius:15px;font-size:1rem;transition:all .3s;outline:none}.form-input:focus{border-color:#ff1493;box-shadow:0 0 0 4px #ff14931a}.error-message{color:#dc3545;font-size:.85rem;margin-top:.3rem}.submit-btn{width:100%;padding:1.2rem;background:linear-gradient(135deg,#ff1493,#c71585);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-bottom:1.5rem}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff149366}.success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;color:#155724;padding:1rem;border-radius:15px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.auth-container{grid-template-columns:1fr;max-width:500px}.auth-branding{padding:3rem 2rem}.brand-logo{font-size:4rem}.brand-title{font-size:2rem}.brand-features{display:none}.auth-form-container{padding:2rem 1.5rem}}