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}.modal-backdrop{position:fixed;z-index:998;background:#0006;inset:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{position:fixed;top:50%;left:50%;z-index:999;display:flex;width:min(600px,92vw);background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;transform:translate(-50%,-50%);flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.modal-body{padding:16px;line-height:1.6;color:#333}.modal-body h1,.modal-body h2,.modal-body h3,.modal-body h4{margin:0 0 .6em;line-height:1.25}.modal-body p{margin:.5em 0}.modal-body ul,.modal-body ol{padding-left:1.25rem;margin:.5em 0}.modal-body li{margin:.25em 0}.modal-body a{text-decoration:underline;color:#2563eb}.modal-body code{padding:.15em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#f4f6f8;border-radius:4px}.modal-footer{display:flex;justify-content:flex-end;padding:14px 16px;gap:10px;border-top:1px solid #eee}.modal-close{font-size:20px;background:transparent;border:none;cursor:pointer}.modal-primary{padding:8px 14px;color:#fff;background:#2b7cff;border:none;border-radius:6px;cursor:pointer}.modal-secondary{padding:8px 14px;color:#333;background:#f2f2f2;border:none;border-radius:6px;cursor:pointer}.hidden{display:none!important}.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%}}