.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.auth-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eeae6,#764ba2e6,#f093fbe6);animation:gradientShift 15s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-bg-circle{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s ease-in-out infinite}.auth-bg-circle-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.auth-bg-circle-2{width:200px;height:200px;bottom:-50px;right:-50px;animation-delay:5s}.auth-bg-circle-3{width:150px;height:150px;top:50%;right:10%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(30px,-30px) scale(1.1);opacity:.5}66%{transform:translate(-20px,20px) scale(.9);opacity:.4}}.auth-container{position:relative;z-index:1;width:100%;max-width:440px;padding:20px}.auth-card{width:100%;padding:48px 40px;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .6s ease-out;transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px #00000059,0 0 0 1px #ffffff26}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.auth-container{max-width:100%;padding:16px}.auth-card{padding:32px 24px;border-radius:16px}.auth-bg-circle{display:none}}@media(max-width:480px){.auth-card{padding:24px 20px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:14px;line-height:1.5715;color:#000000d9;background-color:#f0f2f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}