body{margin:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-attachment:fixed;font-family:'Rubik',sans-serif;min-height:100vh;position:relative}body::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.register-container{display:flex;justify-content:center;align-items:center;margin-top:15px;background:transparent;padding:20px;position:relative;z-index:1}.register{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);padding:40px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:900px;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.register::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7);background-size:300% 100%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.register h1{text-align:center;margin-bottom:30px;font-size:32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-shadow:none;position:relative}.register h1::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:2px}#form-container{display:flex;justify-content:space-between;flex-wrap:wrap}#left-container,#right-container{width:48%}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;margin-bottom:8px;color:#4a5568;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:95%;padding:15px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease;background:rgba(255,255,255,.9);position:relative}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);background:rgba(255,255,255,1);transform:translateY(-2px)}.form-group input:hover,.form-group select:hover{border-color:#a0aec0;transform:translateY(-1px)}input[type="submit"]{width:60%;padding:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;color:white;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(102,126,234,.4);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}input[type="submit"]:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(102,126,234,.5)}input[type="submit"]:active{transform:translateY(-1px)}input[type="submit"]::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}input[type="submit"]:hover::before{left:100%}#submit-container{text-align:center;margin-top:25px}.register-link{text-align:center}.register-link a{color:#007BFF;text-decoration:none;transition:color .3s}.register-link a:hover{color:#0056b3}#register-message{text-align:center;color:red}#password-rules,#username-rules{display:none;color:#e53e3e;background:rgba(229,62,62,.1);padding:8px 12px;border-radius:8px;margin-top:5px;font-size:12px;border-left:3px solid #e53e3e;font-weight:500}@media (max-width:768px){body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.register-container{padding:10px;margin-top:10px}.register{padding:25px;border-radius:16px;max-width:100%}.register h1{font-size:26px;margin-bottom:25px}#left-container,#right-container{width:100%}.newsletter-option{flex-direction:column;align-items:flex-start;gap:15px;text-align:center;padding:18px}.newsletter-control{align-self:center}.newsletter-label{text-align:center;font-size:15px}.newsletter-disclaimer{font-size:11px;margin-top:-10px}input[type="submit"]{width:80%;font-size:16px}.btn-microsoft{width:90%;font-size:15px;padding:12px 20px}.ms-signup-container{padding:15px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register{animation:fadeInUp .6s ease-out}.form-group{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}.form-group:nth-child(6){animation-delay:.6s}.beta-info{border:solid 1px lightgray;padding:5px;border-radius:4px;text-align:center;font-size:13px}.ms-signup-container{text-align:center;margin-bottom:30px;padding:20px;background:rgba(102,126,234,.05);border-radius:16px;border:1px solid rgba(102,126,234,.1)}.ms-signup-container p{margin:0 0 15px 0;color:#4a5568;font-weight:600;font-size:16px}.btn-microsoft{background:linear-gradient(135deg,#2f2f2f 0%,#1a1a1a 100%);color:white;border:none;padding:15px 25px;border-radius:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:20px auto;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 25px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:.5px}.btn-microsoft:hover{background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,120,212,.4)}.btn-microsoft img{margin-right:10px}.ms-signup-note{font-size:13px!important;color:#6b7280!important;margin:10px 0 0 0!important;font-weight:400!important;font-style:italic}.divider{display:flex;align-items:center;margin:30px 0;position:relative}.divider .line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#667eea,transparent)}.divider .word{padding:0 20px;color:#667eea;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;background:rgba(255,255,255,.9)}.message-container{padding:15px 20px;border-radius:12px;margin-bottom:25px;animation:fadeIn .3s ease;border-left:4px solid;font-weight:500}.message-container.success{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);color:#155724;border-left-color:#28a745;box-shadow:0 4px 15px rgba(40,167,69,.2)}.message-container.error{background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%);color:#721c24;border-left-color:#dc3545;box-shadow:0 4px 15px rgba(220,53,69,.2)}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.newsletter-option{display:flex;align-items:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:20px;border-radius:12px;margin:25px 0;transition:all .3s ease;border:2px solid transparent;box-shadow:0 8px 25px rgba(102,126,234,.3)}.newsletter-option:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(102,126,234,.4);border-color:rgba(255,255,255,.2)}.newsletter-label{flex:1;font-weight:700;color:white;font-size:16px;line-height:1.4}.newsletter-sublabel{font-size:13px;font-weight:400;color:rgba(255,255,255,.9);margin-top:4px;font-style:italic}.newsletter-disclaimer{text-align:center;font-size:12px;color:#6b7280;margin-top:-15px;margin-bottom:15px;font-style:italic}.newsletter-control{display:flex;align-items:center}.toggle-switch{position:relative;display:inline-block;width:60px;height:32px;vertical-align:middle;margin-right:12px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.3);transition:all .4s cubic-bezier(.68,-.55,.27,1.55);border-radius:34px;box-shadow:inset 0 2px 6px rgba(0,0,0,.2);border:2px solid rgba(255,255,255,.4)}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:white;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.3)}.toggle-slider:after{content:'✉';position:absolute;right:8px;top:7px;font-size:14px;color:rgba(255,255,255,.7);transition:all .3s ease}input:checked + .toggle-slider{background-color:#10b981;border-color:rgba(255,255,255,.6)}input:checked + .toggle-slider:before{transform:translateX(28px)}input:checked + .toggle-slider:after{content:'🚀';left:8px;right:auto;color:white}input:focus + .toggle-slider{box-shadow:0 0 8px rgba(16,185,129,.6),inset 0 2px 6px rgba(0,0,0,.2)}.toggle-label{font-size:15px;font-weight:600;transition:all .3s ease;display:inline-block;min-width:90px;vertical-align:middle;color:white;text-shadow:0 1px 2px rgba(0,0,0,.2)}input:checked ~ .toggle-label{color:#10b981;text-shadow:0 1px 2px rgba(0,0,0,.1)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.toggle-switch.toggled .toggle-slider:before{animation:pulse .4s ease-out}