@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);width:100%}.dashboard header nav{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:24px;display:flex}.dashboard header nav h2{font-family:var(--crimson);color:var(--dark-background);font-size:2rem;font-weight:600}.dashboard main{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.dashboard main .welcome-message{width:100%;margin-top:48px}.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}.quick-actions h3{font-family:var(--crimson);color:var(--dark-background);font-size:1.5rem;font-weight:600}.quick-actions .shelf{margin-top:16px}.shelf .like-button{border:1px solid var(--border-color);width:290px;height:192px}.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:#0d948840;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}.exam-container{width:100%;min-height:100dvh;margin:0 auto}.exam-container header{border-bottom:1px solid var(--border-color);width:100%;height:80px}.exam-container header .header-content{justify-content:space-between;align-items:center;width:100%;max-width:900px;height:100%;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;min-height:30dvh;margin-bottom:24px;padding:20px;overflow-y:auto}.question-section p{width:98%;font-family:var(--dm-sans);color:#0a0a0a;margin:0 auto;font-size:1.125rem;font-weight:500}.exam-container .options-section{flex-direction:column;gap:12px;display:flex}.options-section .option-button{text-align:left;border:1px solid var(--border-color);color:#0a0a0a;background-color:#fff;border-radius:8px;width:100%}.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 img{height:20px;margin-right:.5rem}.exam-selector-container header nav div a.like-button{color:#0a0a0a;font-family:var(--dm-sans);padding:1rem 0;font-size:1rem}.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;margin:36px auto 0;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%}.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 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}.result-container{align-content:center;width:100%;min-height:100vh}.result-container .result-content{width:100%;max-width:600px;margin:0 auto}.result-container .result-content h2{font-family:var(--crimson);text-align:center;margin-bottom:1rem;font-size:2rem}.result-container .result-content p{font-family:var(--dm-sans);text-align:center;margin-bottom:1rem;font-size:1.2rem}.result-container .result-content meter{width:100%;height:30px;margin-bottom:1rem}*{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}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{border-radius:.75rem;padding:1.5rem;text-decoration:none}.shelf{gap:16px;display:flex}