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}.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)}