*{box-sizing:border-box}html,body{background:var(--brand-page-bg,#000);height:100%;color:var(--brand-fg,#fff);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}body{flex-direction:column;min-height:100vh;padding-top:8px;display:flex}.env-color-bar{z-index:999;background:var(--env-color,#4caf50);width:100%;height:8px;position:fixed;top:0;left:0}.env-banner{text-transform:uppercase;background:var(--env-color,#4caf50);color:#fff;z-index:1000;border-bottom-left-radius:4px;padding:4px 10px;font-size:12px;font-weight:700;position:fixed;top:8px;right:0}.page-header{align-items:center;gap:16px;max-width:800px;margin:24px auto 16px;padding:0 16px;display:flex}.logo-section{flex:none}.logo-section img{width:96px;max-width:25vw;height:auto;display:block}.title-section{flex:auto;min-width:0}.title-section h1{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-accent);margin:0 0 4px;font-size:clamp(20px,5vw,32px);font-weight:800}.title-section h2{letter-spacing:.04em;color:var(--brand-secondary);margin:0;font-size:clamp(16px,3.6vw,22px);font-weight:700}.container{flex:1 0 auto;width:100%;max-width:600px;margin:0 auto;padding:0 16px 24px}section{margin:16px 0}.form-group{margin-bottom:12px}label{margin-bottom:4px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password]{background:var(--brand-primary);width:100%;color:var(--brand-fg);border:1px solid var(--brand-secondary);letter-spacing:.02em;border-radius:4px;padding:12px;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-accent) 35%, transparent);outline:none}input::placeholder{color:#ffffff8c;font-style:italic}button{background:var(--brand-primary);width:100%;color:var(--brand-fg);border:1px solid var(--brand-secondary);cursor:pointer;border-radius:4px;padding:12px 16px;font-size:16px;font-weight:600;transition:opacity .2s,background-color .2s;display:inline-block}button:hover{opacity:.85}button:active{opacity:.7}button:disabled{opacity:.4;cursor:not-allowed}button[aria-busy=true]{cursor:wait;opacity:1}button[aria-busy=true]:before{content:"";vertical-align:-2px;border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.7s linear infinite brand-spin;display:inline-block}@keyframes brand-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){button[aria-busy=true]:before{animation-duration:1.6s}}.error{background:color-mix(in srgb, var(--brand-accent) 18%, transparent);border:1px solid var(--brand-accent);color:var(--brand-fg);border-radius:4px;margin:12px 0;padding:10px 12px}.success{color:#4ade80}.warning-box{color:#f3d57b;background:#2b2410;border:1px solid #b08a2b;border-radius:4px;margin:16px 0;padding:12px 14px}.user-info{background:var(--brand-primary);border-radius:4px;margin-bottom:16px;padding:12px}.btn-container{flex-direction:column;gap:10px;margin:16px 0;display:flex}.btn-container button{width:100%}.send-data{background:var(--brand-secondary)}.delete-data{background:var(--brand-primary)}.delete-account{background:var(--brand-accent)}a,.logout,.back-link{color:#ffffffbf;margin-top:16px;margin-right:12px;text-decoration:none;display:inline-block}a:hover{text-decoration:underline}footer{color:#fff;text-align:center;background:#1a1a1a;flex-shrink:0;margin-top:auto}.footer-color-bar{background:var(--env-color,#4caf50);width:100%;height:5px}footer p{margin:0;padding:8px 0;font-size:12px}@media (width>=600px){.page-header{margin-top:36px}.logo-section img{width:120px}.btn-container{flex-flow:wrap}.btn-container button{flex:30%}}:root{--brand-primary:#091f3f;--brand-accent:#cf102d;--brand-secondary:#bd965c;--brand-fg:#fff;--brand-page-bg:#000;--env-color:#37474f}