:root{--md-primary:#006C4C;--md-on-primary:#FFFFFF;--md-primary-container:#89F8C7;--md-on-primary-container:#002114;--md-secondary:#4D6357;--md-secondary-container:#D0E8D8;--md-surface:#FBFDF8;--md-on-surface:#191C1A;--md-surface-container-low:#F0F4EE;--md-outline:#717971;--md-outline-variant:#C1C9C0;--md-easing:cubic-bezier(.2,0,0,1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background:var(--md-surface);color:var(--md-on-surface);overflow:hidden;height:100vh}.tela{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;position:absolute;top:0;left:0;padding:1rem}.oculto{display:none!important}.md-display-large{font-size:clamp(3rem,8vw,3.563rem);font-weight:400}.md-headline-large{font-size:clamp(2rem,5vw,2rem);font-weight:400;margin-bottom:1.5rem}.md-body-large{font-size:1rem;margin-bottom:2rem}.fundo-organico{position:absolute;color:var(--md-primary-container);opacity:.15;pointer-events:none;animation:spin 60s linear infinite}.shape-bg{width:150vw;height:150vw;max-width:600px;max-height:600px}.cartao-login{background:var(--md-surface);padding:2rem;border-radius:28px;width:100%;max-width:360px;z-index:2;display:flex;flex-direction:column;gap:1rem}.campo-texto{position:relative}.campo-texto input{width:100%;padding:16px;border:1px solid var(--md-outline);border-radius:12px;background:transparent;color:var(--md-on-surface);font-size:1rem;outline:none;transition:border .2s}.campo-texto input:focus{border-color:var(--md-primary);border-width:2px;padding:15px}.campo-texto label{position:absolute;left:16px;top:16px;color:var(--md-outline);transition:all .2s;pointer-events:none;background:var(--md-surface);padding:0 4px}.campo-texto input:focus~label,.campo-texto input:not(:placeholder-shown)~label{top:-8px;font-size:.75rem;color:var(--md-primary)}.btn-filled,.btn-tonal{padding:12px;border:none;border-radius:var(--md-shape-full,100px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.btn-filled{background:var(--md-primary);color:var(--md-on-primary)}.btn-tonal{background:var(--md-secondary-container);color:var(--md-on-primary-container)}.btn-filled::after,.btn-tonal::after{content:'';position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity .15s}.btn-filled:hover::after,.btn-tonal:hover::after{opacity:.08}.form-onboarding{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:360px;z-index:2;background:var(--md-surface);padding:2rem;border-radius:28px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.rotulo-cor{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500}.rotulo-cor input{width:100%;height:40px;border:none;border-radius:12px;cursor:pointer}.animar-entrada{animation:entrar .6s var(--md-easing) forwards}.animar-saida{animation:sair .4s var(--md-easing) forwards}@keyframes entrar{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sair{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}