@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";.auth-screen{align-content:center;width:100%;height:100dvh;padding:24px}.auth-container{max-width:28rem;margin:0 auto}.auth-container>h1{font-family:var(--crimson), serif;font-size:3rem}.auth-container>h5{font-family:var(--dm-sans), sans-serif;color:var(--muted-color);font-size:1.125rem;font-weight:300}.auth-container h1,.auth-container h5{text-align:center;margin-bottom:24px}.auth-container .auth-box{border:1px solid var(--border-color);border-radius:.75rem;padding:24px}.auth-box h2{font-family:var(--crimson), serif;margin-bottom:24px;font-size:1.5rem;font-weight:600}.auth-box form div.campo{border:1px solid var(--border-color);background-color:#f8fafc;border-radius:.75rem;align-items:center;margin-bottom:24px;display:flex}.auth-box form div.campo label{width:50px;height:50px;display:block}.auth-box form button{background-color:var(--verde-color);color:#fff;border-radius:.75rem;width:100%;font-size:1.125rem}.more-options{align-items:center;gap:12px;margin:24px 0;display:flex}.more-options hr{flex:1}.more-options p{font-family:var(--dm-sans), sans-serif;color:var(--muted-color);font-size:.875rem}p.signup{font-family:var(--dm-sans), sans-serif;color:var(--muted-color);text-align:center;font-size:.875rem}p.signup a{color:var(--verde-color);font-weight:700;text-decoration:none}.email-icon,.password-icon,.person-icon{background-position:50%;background-repeat:no-repeat;background-size:1.75rem}.email-icon{background-image:url(/email.svg)}.password-icon{background-image:url(/secretword.svg)}.person-icon{background-image:url(/person-fill.svg)}.error-message{color:#dc2626;font-family:var(--dm-sans), sans-serif;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:.75rem;margin-bottom:16px;padding:12px 16px;font-size:.875rem}.success-message{color:#16a34a;font-family:var(--dm-sans), sans-serif;background-color:#dcfce7;border:1px solid #86efac;border-radius:.75rem;margin-bottom:16px;padding:12px 16px;font-size:.875rem}input:disabled{cursor:not-allowed;background-color:#f1f5f9}button:disabled{opacity:.7;cursor:not-allowed}.google-btn{border:1px solid var(--border-color);width:100%;color:var(--dark-background);font-family:var(--dm-sans), sans-serif;cursor:pointer;background-color:#fff;border-radius:.75rem;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.google-btn:hover:not(:disabled){border-color:var(--verde-color);background-color:#f8fafc}.google-btn img{width:20px;height:20px}.google-btn span{flex:1}.dashboard{width:100%;height:fit-content}.dashboard header{border-bottom:1px solid var(--border-color)}.dashboard header nav h2{font-family:var(--crimson);color:var(--dark-background);font-size:1.5rem;font-weight:600}.dashboard main{width:100%;max-width:1100px;margin:0 auto;padding:24px}.dashboard main .welcome-message{width:100%;margin-top:24px}.welcome-message h2{font-family:var(--crimson);color:var(--dark-background);font-size:2.5rem;font-weight:600}.welcome-message p{font-family:var(--dm-sans);color:var(--muted-color);margin-top:16px;font-size:1.125rem;font-weight:400}.dashboard main .quick-actions{width:100%;margin-top:48px}.dashboard .shelf>.like-button{align-content:center;padding:1rem}.quick-actions h3{font-family:var(--crimson);color:var(--dark-background);font-size:1.5rem;font-weight:600}.quick-actions .shelf{flex-wrap:wrap;width:fit-content;margin-top:16px}.shelf .like-button{border:1px solid var(--border-color);width:290px;height:192px}.shelf .like-button.comming-soon .icons .icon{background-color:var(--border-color)}.like-button h4{font-family:var(--crimson);color:var(--dark-background);font-size:1.125rem;font-weight:700}.like-button p{font-family:var(--dm-sans);color:var(--muted-color);margin-top:8px;font-size:.875rem;font-weight:400}.icons{justify-content:space-between;width:100%;margin-bottom:16px;display:flex}.like-button .icons .icon{background-color:#e4f2f2;border-radius:.5rem;align-content:center;width:48px;height:48px}.icons .icon img{width:50%;height:50%;margin:0 auto;display:block}.dashboard header nav .nav-right{align-items:center;gap:16px;display:flex}.user-email{font-family:var(--dm-sans), sans-serif;color:var(--muted-color);font-size:.875rem}.logout-btn{border:1px solid var(--verde-color);color:var(--verde-color);font-family:var(--dm-sans), sans-serif;cursor:pointer;background-color:#0000;border-radius:.5rem;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .3s}.logout-btn:hover{background-color:var(--verde-color);color:#fff}.list .exam-card{border:1px solid var(--border-color);border-radius:.5rem;justify-content:space-between;align-items:center;padding:2rem;display:flex}.list .exam-card .exam-card-header h4{font-family:var(--crimson);color:var(--dark-background);font-size:1.125rem;font-weight:700}.list .exam-card .exam-card-header .exam-details span{font-family:var(--dm-sans);color:var(--muted-color);margin-top:8px;margin-right:12px;font-size:.875rem;font-weight:400}.list .exam-card .exam-card-header .exam-details span:last-child{margin-right:0}.list .exam-card span.exam-score{font-family:var(--dm-sans);color:var(--verde-color);font-size:1.125rem;font-weight:700}@media (width<=645px){.dashboard .shelf>.like-button{width:100%}}.exam-container{width:100%;min-height:100dvh;margin:0 auto}.exam-container header{border-bottom:1px solid var(--border-color);width:100%;height:80px;padding:0 12px}.exam-container header meter{width:100%;max-width:900px;margin:0 auto;display:block}.exam-container header .header-content{justify-content:space-between;align-items:center;width:100%;max-width:900px;height:75%;margin:0 auto;padding:0 12px;display:flex}.exam-container header .header-content .header-left{align-items:center;display:flex}.exam-container header .header-content .header-left img{width:24px;height:24px}.exam-container header .header-content .header-left .question-counter{font-family:var(--dm-sans);color:var(--muted-color);margin-left:12px;font-size:.875rem;font-weight:500}.exam-container header .header-content .timer-container{align-items:center;display:flex}.timer-container img{height:24px;margin-right:8px}.timer-container .timer{color:var(--muted-color);font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:700}.exam-container .exam-content{flex-direction:column;justify-content:space-between;width:100%;max-width:900px;height:calc(100dvh - 80px);margin:0 auto;padding:12px;display:flex}.exam-content .question-section{background-color:#fff;align-content:center;min-height:40dvh;padding:20px;overflow-y:auto}.question-section p{text-align:justify;width:100%;font-family:var(--dm-sans);color:#0a0a0a;margin:0 auto;font-size:1.25rem;font-weight:500}.exam-container .options-section{flex-direction:column;gap:12px;display:flex}.options-section .option-button{border:1px solid var(--border-color);color:#0a0a0a;background-color:#fff;border-radius:8px;width:100%;font-size:1.125rem}.options-section .option-button.is-selected{border-color:var(--verde-color);color:#0f4f4d;background-color:#e4f2f2}.exam-container .header-left .close-button{background-color:#0000;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.exam-container .header-left .close-button img{width:24px;height:24px}.exam-state{place-items:center;gap:16px;padding:24px;display:grid}.exam-state button{background-color:var(--verde-color);color:#fff}.exam-content nav{border-top:1px solid var(--border-color);justify-content:space-between;padding-top:24px;display:flex}.exam-content nav button{background-color:#0000;border-radius:8px;width:45%}.exam-content nav button.prev{border:1px solid var(--border-color);color:var(--muted-color)}.exam-content nav button.next{background-color:var(--verde-color);color:#fff;border:none}.exam-content nav button:disabled{opacity:.45;cursor:not-allowed}.exam-selector-container{background-color:#fdfdfe;width:100%;min-height:100vh}.exam-selector-container header{border-bottom:1px solid var(--border-color);background-color:#fff;align-content:center;width:100%;height:70px}.exam-selector-container header nav{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.exam-selector-container header nav div{align-items:center;display:flex}.exam-selector-container header nav div a.like-button img{height:50%;margin-right:.5rem}.exam-selector-container header nav div a.like-button{color:#0a0a0a;height:30px;font-family:var(--dm-sans);align-items:center;padding:0;font-size:1.1rem;display:flex}.exam-selector-container header nav h1{font-family:var(--crimson);padding:.5rem 0;font-size:1.75rem;font-weight:600}.exam-selector-container header nav div:nth-child(3),.exam-selector-container header nav div:first-child{width:25%;height:fit-content}.exam-selector-container .selector{width:100%;max-width:768px;min-height:calc(100vh - 70px);margin:0 auto;padding:20px}.exam-selector-container .selector .introduction{width:100%}.exam-selector-container .selector .introduction h2{width:100%;font-family:var(--crimson);text-align:center;margin-bottom:1rem;font-size:2rem;font-weight:600}.exam-selector-container .selector .introduction p{width:100%;max-width:400px;font-family:var(--dm-sans);text-align:center;color:var(--muted-color);margin:0 auto;font-size:1.125rem}.introduction .icon{background-color:#e4f2f2;border-radius:1rem;align-content:center;width:calc(2vw + 5vh);height:calc(2vw + 5vh);margin:1rem auto}.introduction .icon img{width:50%;margin:0 auto;display:block}.exam-selector-container .selector .search-bar{border:1px solid var(--border-color);background-color:#fff;border-radius:1rem;align-items:center;height:50px;margin:2rem auto;padding:0 1rem;display:flex}.selector .search-bar img{height:35%}.selector .search-bar input{width:100%;font-family:var(--dm-sans);color:#0a0a0a;background:0 0;border:none;outline:none;margin-left:.75rem;font-size:1rem}.selector .search-bar input::placeholder{color:var(--muted-color)}.exam-selector-container .selector .exam-list{border:2px solid var(--border-color);background-color:#fff;border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.exam-selector-container .selector .exam-list .exam-item{border-bottom:1px solid var(--border-color);background-color:#fff;justify-content:space-between;align-items:center;padding:1rem;display:flex}.exam-selector-container .selector .exam-list .exam-item:hover{background-color:#e4f2f27e}.exam-selector-container .selector .exam-list button.exam-item:last-child{border:none}.exam-item .exam-year{font-family:var(--jetbrains-mono);color:var(--verde-color);background-color:#e4f2f2;border-radius:1rem;padding:1rem .5rem;font-size:1.5rem;font-weight:600}.exam-item .exam-info{flex:1;padding:0 1rem}.exam-item .exam-info h3{font-family:var(--crimson);color:#0a0a0a;font-size:1.25rem;font-weight:600}.exam-item .exam-info p{font-family:var(--dm-sans);color:var(--muted-color);font-size:1rem}.exam-item .exam-info h3,.exam-item .exam-info p{text-align:left}.selector .exam-list .exam-item img{width:20px;height:20px;margin-right:1rem}.exam-list-empty{align-content:center;width:50%;height:40%;margin:10vh auto 0}.exam-list-empty img{width:calc(1vw + 4vh);margin:1rem auto;display:block}.exam-list-empty p{width:100%;font-family:var(--dm-sans);text-align:center;color:var(--muted-color);margin-top:16px;font-size:1.125rem}.result-container{align-content:center;width:100%;min-height:100vh}.result-container .result-content{width:100%;max-width:500px;margin:0 auto;padding:2rem}.result-container .result-content>img{width:15%;margin:0 auto;display:block}.result-container .result-content h2{font-family:var(--crimson);text-align:center;margin-top:1rem;font-size:3rem;font-weight:600}.result-container .result-content .metrics{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.metrics .slot{border:1px solid var(--border-color);border-radius:.5rem;align-items:center;height:100px;padding:1rem;display:flex}.metrics .slot img{height:70%}.metrics .slot .info{flex-direction:column;justify-content:center;margin-left:1rem;display:flex}.metrics .slot .info span.title{font-family:var(--dm-sans);font-size:1rem;font-weight:300}.metrics .slot .info span.value{font-family:var(--jetbrains-mono);font-size:1.5rem;font-weight:600}.start-buttons{align-items:center;height:100%;display:flex}.start-buttons a,.hero-dossier-text a,section#start-now a{background-color:var(--verde-color);color:#fff;font-family:var(--dm-sans);padding:.5rem 1rem;font-size:1rem;font-weight:500}section .hero-dossier{flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1100px;margin:0 auto;display:flex}section .hero-dossier h1{font-family:var(--crimson);color:var(--dark-background);margin-bottom:1rem;font-size:3.75rem;font-weight:600}section .hero-dossier .hero-dossier-text>p{font-family:var(--dm-sans);color:var(--muted-color);margin-bottom:1rem;font-size:1.125rem;font-weight:400;line-height:1.625rem}section .hero-dossier>div{width:49%}section .hero-dossier .hero-dossier-text a{margin-bottom:2rem}.hero-dossier-text .shelf{margin-top:1.5rem}.hero-dossier-text .shelf>div h3{font-family:var(--crimson);color:var(--dark-background);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.hero-dossier-text .shelf>div p{font-family:var(--dm-sans);color:var(--muted-color);font-size:1rem;font-weight:400}.highlight{color:var(--verde-color)}section#features{background-color:#f8fafc}section#features>h3{text-align:center;font-family:var(--dm-sans);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.8rem;font-weight:500}section#features>h2{text-align:center;font-family:var(--crimson);margin-bottom:1rem;font-size:2rem;font-weight:600}section#features>p{text-align:center;max-width:50%;font-family:var(--dm-sans);color:var(--muted-color);margin:0 auto 2rem;font-size:1rem;font-weight:400}section#features .features-grid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:1rem;max-width:1200px;margin:0 auto;display:grid}section#features .features-grid .feature-card{border:1px solid var(--border-color);background-color:#fff;border-radius:.75rem;padding:2rem}.features-grid .feature-card div:has(img){background-color:#e4f2f2;border-radius:.75rem;width:fit-content;padding:.5rem}.features-grid .feature-card div img{width:24px}.feature-card h3{font-family:var(--dm-sans);margin:.5rem 0;font-size:1rem;font-weight:600}.feature-card p{font-family:var(--dm-sans);color:var(--muted-color);font-size:.875rem;font-weight:400}section#start-now>div{flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;display:flex}section#start-now div>img{width:calc(3vw + 5vh);margin-bottom:1rem}section#start-now div>h2{text-align:center;font-family:var(--crimson);margin-bottom:1rem;font-size:3rem;font-weight:600}section#start-now div>p{text-align:center;font-family:var(--dm-sans);color:var(--muted-color);margin-bottom:1rem;font-size:1.25rem;font-weight:400}section#start-now div>span{font-family:var(--dm-sans);color:var(--muted-color);margin-top:1rem;font-size:.875rem;font-weight:400}@media screen and (width<=768px){section .hero-dossier>div{width:100%}section .hero-dossier-text h1{font-size:2.5rem}section#features>p{max-width:100%}section#features .features-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}:root{--light-background:#fff;--dark-background:#1a202c;--input:#e2e8f0;--input-dark:#292727;--border-color:#e2e8f0;--verde-color:#0d9488;--muted-color:#64748b;--crimson:"Crimson Pro";--dm-sans:"DM Sans";--jetbrains-mono:"JetBrains Mono"}body,#root{width:100%;min-height:100dvh}header nav{justify-content:space-between;align-items:center;width:100%;max-width:1100px;height:50px;margin:0 auto;padding:0 1rem;display:flex}section{width:100%;padding:5rem 1rem}input[type=text],input[type=password],input[type=email]{background-color:#0000;border:none;outline:none;width:100%;height:50px;padding:12px;font-size:1rem}button{background-color:var(--input);cursor:pointer;border:none;padding:12px;font-size:1rem}hr{background-color:var(--border-color);border:none;height:1px}a.like-button,div.like-button{border-radius:.75rem;text-decoration:none;display:block}a.like-button:has(>img){align-items:center;display:flex}a:has(img)>img{height:20px;margin-left:.5rem}.shelf{gap:16px;display:flex}.list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.comming-soon{cursor:not-allowed;border:2px dashed var(--border-color)!important}