.center-both{display:flex;justify-content:center;align-items:center;height:100vh}.center-x{display:flex;justify-content:center}.center-y{display:flex;align-items:center}.fullscreen{height:100vh}.content-box{background-color:#1e1e1e;padding:16px;border-radius:10px;min-width:150px;box-shadow:0 0 20px #0000004d;margin:32px auto;flex-direction:column}:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-text: #e0e0e0;--color-accent: #bb86fc;--color-border: #2c2c2c}.form{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:8px;box-shadow:0 4px 20px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body{background-color:var(--color-bg);color:var(--color-text);font-family:Segoe UI,Roboto,sans-serif;margin:0;padding:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.center{display:flex;justify-content:center;align-items:center;height:100%}.center-horizontal{display:flex;justify-content:center;align-items:center}button{margin:.6rem;padding:.9rem;font-size:1rem;border:none;border-radius:.3rem;cursor:pointer}.profile-picture{width:128px;height:128px;object-fit:cover;border-radius:50%;box-shadow:0 4px 10px #0003;transition:transform .2s ease}.profile-picture:hover{transform:scale(1.05)}.profile-picture-small{width:32px;height:32px;object-fit:cover;border-radius:50%;box-shadow:0 4px 10px #0003;transition:transform .2s ease}.profile-picture-small:hover{transform:scale(1.05)}.profile-picture-medium{width:48px;height:48px;object-fit:cover;border-radius:50%;box-shadow:0 4px 10px #0003;transition:transform .2s ease}.profile-picture-medium:hover{transform:scale(1.05)}