body{display:flex;min-height:100vh;color:#333;background:linear-gradient(135deg,#4a90e2,#50c9ce);flex-direction:column}.user-actions a{margin-left:1rem;font-size:.95rem;text-decoration:none;transition:.3s ease}.main-container{display:flex;flex:1;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;flex-direction:column}.title{margin-bottom:2.5rem;font-size:2.4rem;color:#fff;text-shadow:0 2px 6px rgb(0 0 0 / 20%)}.login-hint{display:inline-block;padding:.9rem 1.2rem;margin:-.5rem 0 2rem;font-size:1.05rem;color:#1b4b91;background:#eaf3ff;border:1px solid #bcd6ff;border-radius:10px;box-shadow:0 6px 14px #0000001a;animation:hint-pop .3s ease-out}.login-hint.hidden{display:none}@keyframes hint-pop{0%{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.button-group{display:flex;flex-direction:column;gap:1.8rem}.page-btn{display:inline-block;width:240px;padding:1.5rem 0;font-size:1.4rem;font-weight:700;text-align:center;text-decoration:none;color:#4a90e2;background:#fff;border:none;border-radius:14px;box-shadow:0 6px 14px #0000001a;transition:all .3s ease}.page-btn:hover{color:#fff;background:#4a90e2;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.show-name{margin-bottom:.5rem;font-size:1.25rem;text-align:center;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}