@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";.auth-page-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}#auth-container{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:100%;max-width:28rem;border:1px solid #f3f4f6}.form-header{text-align:center;margin-bottom:2rem}.icon-container{width:4rem;height:4rem;background-image:linear-gradient(to right,#3b82f6,#9333ea);border-radius:.75rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}.icon{width:2rem;height:2rem;color:#fff}.form-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.form-header p{color:#4b5563;font-size:.875rem}form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;outline:none;transition:border-color .2s,box-shadow .2s;font-size:.875rem;box-sizing:border-box}input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666}.error-message{color:#ef4444;font-size:.875rem;text-align:center;margin-top:-.5rem;margin-bottom:.5rem}.btn{width:100%;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;transition:background-color .2s,box-shadow .2s}.btn:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}.btn-primary{background-image:linear-gradient(to right,#3b82f6,#9333ea);color:#fff}.btn-primary:hover{background-image:linear-gradient(to right,#2563eb,#7e22ce)}.signup-link{text-align:center;color:#3b82f6;text-decoration:none;font-weight:600;font-size:.875rem}.signup-link-part{color:#374151}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;margin-right:10px}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#232224;padding:.5rem 1.5rem;color:#fff}.logo a{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-menu{display:flex;align-items:center}.nav-links{list-style:none;display:flex;margin:0;padding:0;gap:20px}.nav-links a{color:#fff;text-decoration:none;padding:10px 15px;display:block}.nav-links a:hover,.nav-links a.active{color:#ff34b2}.auth-section{display:flex;align-items:center}.login-button{color:#fff;text-decoration:none;padding:10px 15px}.dropdown-container{display:inline-block;position:relative}.dropdown{position:relative}.dropdown[open] .with-down-arrow:after{content:""}.dropdown[open]>.avatar{background:#ffffff1a}.dropdown>.avatar{list-style:none;display:inline-block;cursor:pointer;border-radius:6px}.dropdown>.avatar::-webkit-details-marker{display:none}.dropdown>.avatar.avatar{border-radius:50px;line-height:0}.dropdown>.avatar.avatar img{width:40px;height:40px;border-radius:50px;display:inline-block;margin:0}.dropdown.right ul{right:0}.dropdown ul{padding:0;margin:10px 0 0;box-shadow:0 0 10px #0003;min-width:max-content;position:absolute;top:100%;border-radius:10px;background-color:#fff;z-index:100;overflow:hidden}.dropdown ul li{list-style-type:none;display:block}.dropdown ul li p{padding:10px 15px;margin:0;background-color:#f2f2f2;color:#333}.dropdown ul li a{display:flex;align-items:center;justify-content:flex-start;padding:10px 15px;text-decoration:none;line-height:1;color:#333}.dropdown ul li a:hover{color:#ff34b2;background-color:#f9f9f9}.dropdown ul li.divider{height:1px;margin:5px 0;background-color:#ddd}.block{display:block}.bold{font-weight:700}.italic{font-style:italic}.hamburger{display:none;cursor:pointer}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:#fff}@media (max-width: 768px){.hamburger{display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{position:fixed;left:-100%;top:60px;flex-direction:column;background-color:#232224;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d}.nav-menu.active{left:0}.nav-links{flex-direction:column;width:100%;padding:1rem 0}.auth-section{margin-left:auto}.dropdown ul{z-index:101}}*{padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.home-header{padding:20px}.home-hero{text-align:center;margin-bottom:25px;font-size:2rem;color:#333}.question-card{background-color:#fff;box-shadow:#63636333 0 2px 8px;border-radius:.5rem;padding:1rem;margin-bottom:1rem;display:flex;align-items:center;width:100%;font-family:Verdana,Geneva,Tahoma,sans-serif}.question-card:hover{box-shadow:0 4px 8px #0003;background-color:#f9f9f9;transition:box-shadow .3s ease-in-out}.question-info{flex:1}.bookmark-button{display:flex;align-items:center;justify-content:center;background:none;border:none;transition:transform .2s ease-in-out}.bookmark-icon{width:24px;height:24px;cursor:pointer}.bookmark-icon{width:24px;height:24px;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1)}.bookmark-icon:hover{transform:scale(1.2) rotate(-10deg);transition:transform .3s cubic-bezier(.4,0,.2,1)}.question-title{font-size:1rem;margin-bottom:.25rem;font-family:Arial,Helvetica,sans-serif}.question-difficulty{font-size:.8rem;font-weight:700;margin-bottom:.25rem;font-family:monospace}.label{font-weight:600}.difficulty.easy{color:#16a34a}.difficulty.medium{color:#ca8a04}.difficulty.hard{color:#dc2626}.question-link{color:#2563eb;text-decoration:none!important;margin:20px;white-space:nowrap;font-weight:600;font-family:sans-serif;transition:color .2s ease-in-out}.question-link:hover{text-decoration:underline!important;color:#1e40af}.category-card{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.2rem;overflow:hidden;background:#fff;box-shadow:0 2px 6px #0000000d;transition:all .3s ease}.category-card:hover{transform:translateY(-3px);box-shadow:0 6px 14px #0000001f}.category-header{font-size:1.15rem;cursor:pointer;background:linear-gradient(to right,#f8edeb,#fcefe8);padding:.9rem 1.2rem;font-weight:700;color:#333;display:flex;align-items:center;justify-content:space-between}.category-header:hover{background:linear-gradient(to right,#fde2e4,#fad2e1)}.dropdown-icon{font-size:1.1rem;transition:transform .3s ease}.dropdown-icon.rotate{transform:rotate(180deg)}.question-list{padding:1rem 1.2rem;margin:0;list-style:none;border-top:1px solid #f0f0f0;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}