:root{color-scheme:dark}body{margin:0;padding:0;background:#000;color:#fbfbfc;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loginPage{min-height:100dvh;display:grid;place-items:center}.loginCard{width:100%;max-width:420px;background:#14161acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / 6%);border-radius:16px;padding:28px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff05}.loginForm{margin-top:14px}.field input[type=text],.field input[type=email],.field input[type=password]{width:100%;padding:12px;border-radius:10px;border:1px solid rgb(255 255 255 / 8%);background:#0f1216;color:#e5e7eb;outline:none;transition:border-color .2s,box-shadow .2s}.loginButton{width:100%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:12px;padding:12px 14px;background:#0f1216;font-weight:600;letter-spacing:.2px;transition:transform .06s ease,filter .2s ease,box-shadow .2s ease,border-color .2s;border:1px solid rgb(255 255 255 / 8%)}.loginButton:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#0e1115}@media (max-width: 450px){.loginCard{width:75%}}.chooserPage{min-height:100dvh;display:grid;place-items:center}.chooserCard{width:100%;max-width:520px;background:#14161acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / 6%);border-radius:16px;padding:28px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff05}.chooserHeader{text-align:center}.chooserTitle{margin-bottom:10px;font-size:1.6rem}.chooserSubtitle{margin:4px 0 0;color:#c7cbd1;font-size:.95rem}.chooserActions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}.chooserButton{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:12px;padding:12px 14px;background:#0f1216;color:#e5e7eb;font-weight:600;letter-spacing:.2px;transition:transform .06s ease,filter .2s ease,box-shadow .2s ease,border-color .2s;border:1px solid rgb(255 255 255 / 8%)}.chooserButton:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#0e1115}@media (max-width: 450px){.chooserCard{width:75%}}.calculoPage{min-height:100dvh;display:grid;place-items:center}.calculoCard{width:100%;max-width:480px;background:#14161acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / 6%);border-radius:16px;padding:28px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff05}.calculoCard h2{margin-top:0;margin-bottom:20px;text-align:center;font-size:1.5rem;color:#e5e7eb}.calculoForm{margin-top:14px}.calculoButton,.resetButton{flex:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:12px;padding:12px 14px;background:#0f1216;font-weight:600;letter-spacing:.2px;transition:transform .06s ease,filter .2s ease,box-shadow .2s ease,border-color .2s;border:1px solid rgb(255 255 255 / 8%);color:#e5e7eb}.calculoButton:hover,.resetButton:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#0e1115}@media (max-width: 450px){.calculoCard{width:75%;padding:20px}.buttonContainer{flex-direction:column}}.jurosCompostosPage{min-height:100dvh;display:grid;place-items:center}.jurosCompostosCard{width:100%;max-width:480px;background:#14161acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / 6%);border-radius:16px;padding:28px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff05}.jurosCompostosCard h2{margin-top:0;margin-bottom:20px;text-align:center;font-size:1.5rem;color:#e5e7eb}.jurosCompostosForm{margin-top:14px}.jurosCompostosButton,.resetButton{flex:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:12px;padding:12px 14px;background:#0f1216;font-weight:600;letter-spacing:.2px;transition:transform .06s ease,filter .2s ease,box-shadow .2s ease,border-color .2s;border:1px solid rgb(255 255 255 / 8%);color:#e5e7eb}.jurosCompostosButton:hover,.resetButton:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#0e1115}@media (max-width: 450px){.jurosCompostosCard{width:75%;padding:20px}.buttonContainer{flex-direction:column}}.valorPresentePage{min-height:100dvh;display:grid;place-items:center}.valorPresenteCard{width:100%;max-width:480px;background:#14161acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / 6%);border-radius:16px;padding:28px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff05}.valorPresenteCard h2{margin-top:0;margin-bottom:20px;text-align:center;font-size:1.5rem;color:#e5e7eb}.valorPresenteForm{margin-top:14px}.field{margin-bottom:20px;width:95%}.field label{display:block;margin-bottom:6px;font-size:.9rem}.field input[type=number]{width:100%;padding:12px;border-radius:10px;border:1px solid rgb(255 255 255 / 8%);background:#0f1216;color:#e5e7eb;outline:none;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#a5aab8}.field input:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#0e1115}.field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#0e1115}.buttonContainer{display:flex;gap:12px;width:100%}.valorPresenteButton,.resetButton{flex:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:12px;padding:12px 14px;background:#0f1216;font-weight:600;letter-spacing:.2px;transition:transform .06s ease,filter .2s ease,box-shadow .2s ease,border-color .2s;border:1px solid rgb(255 255 255 / 8%);color:#e5e7eb}.valorPresenteButton:hover,.resetButton:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#0e1115}.resetButton:hover{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.resultados{margin-top:24px;padding:20px;background:#0f121699;border-radius:12px;border:1px solid rgb(255 255 255 / 6%)}.resultados h3{margin-top:0;margin-bottom:16px;text-align:center;font-size:1.2rem;color:#e5e7eb}.resultado{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgb(255 255 255 / 6%)}.resultado:last-child{border-bottom:none}.resultado .label{font-weight:500;color:#a5aab8}.resultado .value{font-weight:600;font-size:1.1rem;color:#22c55e}@media (max-width: 450px){.valorPresenteCard{width:75%;padding:20px}.buttonContainer{flex-direction:column}}
