*,:before,:after{box-sizing:border-box}:root{--bg:#050607;--bg-elevated:#0e1012;--text:#a7adb6;--text-h:#f2f4f6;--accent:#00d2be;--accent-deep:#009e90;--border:#22262c;--touch-min:2.75rem;--font-display:"Bebas Neue", "Arial Narrow", sans-serif;--font-sans:"Outfit", "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:clamp(.95rem,.9rem + .25vw,1.05rem);line-height:1.5}html{-webkit-text-size-adjust:100%}body{background:linear-gradient(122deg,#0000 0% 42%,#00d2be0d 42.2% 48%,#0000 48.2%),radial-gradient(90% 55% at 85% 0,#00d2be24,#0000 55%),radial-gradient(70% 45% at 0 100%,#b7bec80f,#0000 50%),linear-gradient(165deg,#0a0c0e 0%,#050607 48%,#030405 100%);min-height:100dvh;margin:0}#root{min-height:100dvh}button,input{font:inherit}.hello,.login{min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(2.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));align-content:end;gap:.75rem;display:grid}.app__content .hello{flex:1;min-height:0;padding:0 0 2rem}.hello__brand,.login__brand{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-h);margin:0;font-size:clamp(2.4rem,8vw,5.5rem);line-height:.9;animation:.7s both hello-in}.hello__title,.login__title{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0;font-size:clamp(1.4rem,3.2vw,2.2rem);animation:.7s .12s both hello-in}.hello__lead,.login__lead{max-width:22rem;margin:0;animation:.7s .22s both hello-in}.login__form{gap:.85rem;width:min(100%,22rem);margin-top:.5rem;animation:.7s .28s both hello-in;display:grid}.field{gap:.35rem;display:grid}.field__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-h);font-size:.78rem;font-weight:650}.field__input{min-height:var(--touch-min);border:0;border-bottom:1px solid var(--border);color:var(--text-h);background:0 0;border-radius:0;outline:none;padding:.7rem .85rem}.field__input:focus{border-bottom-color:var(--accent)}.btn{min-height:var(--touch-min);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(120deg, var(--accent), var(--accent-deep));color:#04110f;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);border:0;justify-content:center;align-items:center;margin-top:.25rem;padding:.75rem 1.25rem;font-weight:650;display:inline-flex}.btn:disabled{opacity:.65;cursor:not-allowed}.btn--ghost{width:fit-content;color:var(--text-h);clip-path:none;border-bottom:1px solid var(--border);background:0 0;margin-top:1rem;padding-inline:0;animation:.7s .32s both hello-in}.btn--ghost:hover{color:var(--accent);border-bottom-color:var(--accent)}a{color:inherit;text-decoration:none}.app{min-height:100dvh;display:flex}.app__main{flex-direction:column;flex:1;min-width:0;display:flex}.app__topbar{min-height:3.25rem;padding:max(.6rem, env(safe-area-inset-top)) 1.1rem .6rem;align-items:center;gap:.85rem;display:flex}.app__topbar-brand{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-h);margin:0}.app__menu{width:var(--touch-min);height:var(--touch-min);cursor:pointer;background:0 0;border:0;gap:5px;padding:.85rem .7rem;display:grid}.app__menu span{background:var(--text-h);height:2px;display:block}.app__content{flex-direction:column;flex:1;padding:0 1.25rem 1.25rem;display:flex}.sidebar-backdrop{z-index:20;background:#0000008c;border:0;display:none;position:fixed;inset:0}.sidebar-backdrop.is-open{display:block}.sidebar{z-index:30;width:min(18rem,86vw);height:100dvh;padding:max(1.1rem, env(safe-area-inset-top)) 1.15rem max(1.1rem, env(safe-area-inset-bottom));border-right:1px solid var(--border);background:#07090b;flex-direction:column;transition:transform .22s;display:flex;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.is-open{transform:none}.sidebar__top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.sidebar__brand{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-h);margin:0;font-size:1.65rem;line-height:.95}.sidebar__close{color:var(--text-h);cursor:pointer;min-width:var(--touch-min);min-height:var(--touch-min);background:0 0;border:0;font-size:1.6rem;line-height:1}.sidebar__nav{gap:.15rem;margin-top:1.75rem;display:grid}.sidebar__link{min-height:var(--touch-min);letter-spacing:.06em;text-transform:uppercase;color:var(--text);border-bottom:1px solid #0000;align-items:center;font-size:.92rem;font-weight:650;display:flex}.sidebar__link:hover,.sidebar__link.is-active{color:var(--accent);border-bottom-color:var(--accent)}.sidebar__footer{gap:.35rem;margin-top:auto;padding-top:1.25rem;display:grid}.sidebar__email{word-break:break-all;margin:0;font-size:.82rem}.sidebar__sair{width:fit-content;min-height:var(--touch-min);border:0;border-bottom:1px solid var(--border);color:var(--text-h);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;padding:0;font-weight:650}.sidebar__sair:hover{color:var(--accent);border-bottom-color:var(--accent)}@media (width>=768px){.app__topbar{display:none}.app__main{margin-left:16.5rem}.sidebar{width:16.5rem;transform:none}.sidebar__close,.sidebar-backdrop,.sidebar-backdrop.is-open{display:none}}.form-alert{color:#fecaca;margin:0;font-size:.92rem}.auth-loading{place-items:end start;min-height:100dvh;margin:0;padding:2rem;display:grid}@keyframes hello-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}
