:root{font-family:Space Grotesk,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent: #F43F5E;--gradient-start: #6366F1;--gradient-end: #22D3EE;--text-light: #f4f4f4 }*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}img{max-width:100%;height:auto}h1{font-size:3.2em;line-height:1.1}button:not(.pagination button){border-radius:8px;padding:.8em 2em;font-size:.9em;font-weight:500;font-family:inherit;cursor:pointer;background:linear-gradient(90deg,var(--gradient-start),var(--accent));color:var(--text-light);border:none;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 10px #0000004d;transition:all .3s ease}button:hover:not(.pagination button:hover,.close-btn:hover){border-color:#646cff;transform:scale(1.05);background:linear-gradient(90deg,var(--accent),var(--gradient-end))}.header{display:flex;justify-content:space-between;align-items:center;padding:25px 20px 50px;max-width:1024px;margin-inline:auto}.title{font-size:45px;font-weight:700}.errors{color:var(--accent);font-size:2em;font-style:italic;text-align:center;margin-top:25vh}.message{color:var(--gradient-end);font-size:2em;font-style:italic;text-align:center;margin-top:25vh}@media (max-width: 768px){.message{font-size:1.5em;margin-top:15vh;padding:1em}.errors{font-size:1.5em;margin-top:15vh}}.card{background:linear-gradient(135deg,#111,#1a1a1a);border:2px solid var(--gradient-start);padding:20px;border-radius:16px;box-shadow:0 5px 15px #0006;transition:transform .3s ease,box-shadow .3s ease;min-width:300px;width:100%}.card:hover{transform:scale(1.03);box-shadow:0 8px 20px #00000080;border-color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:fadeInUp .6s ease-out}.content{max-width:1024px;margin-inline:auto;padding:40px 20px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;text-align:center;gap:20px;margin-bottom:60px;animation:fadeInUp .8s ease-in-out}@media (max-width: 600px){.header{flex-direction:column;gap:10px}.card{min-width:260px}}.form{background:linear-gradient(135deg,#111,#1a1a1a);padding:1rem;border-radius:1.2rem;box-shadow:0 12px 32px #0009;display:flex;flex-direction:column;gap:.8rem;max-width:300px;width:100%;animation:fadeInForm .6s ease-out}@keyframes fadeInForm{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-floating{margin-bottom:20px}.form-control{background-color:#222;color:#f4f4f4;border:2px solid transparent;padding:.75rem 1rem;border-radius:.75rem;font-size:1rem;transition:border .3s ease,background .3s ease}.form-control:focus{outline:none;border:2px solid #F43F5E;background-color:#2c2c2c}.form-floating p{color:#f43f5e;font-size:.8rem;margin-top:.3rem;font-style:italic}input[type=date]{padding-right:2.5rem}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8;cursor:pointer;transition:transform .3s ease,opacity .3s ease}input[type=date]::-webkit-calendar-picker-indicator:hover{transform:scale(1.2);opacity:1}.btn-dark,.btn-warning{background:linear-gradient(to right,#6366f1,#f43f5e);color:#fff;font-weight:700;padding:.75rem 1.25rem;border:none;border-radius:.75rem;box-shadow:0 4px 12px #00000080;transition:transform .2s ease,box-shadow .3s ease}.btn-dark:hover,.btn-warning:hover{transform:scale(1.05);box-shadow:0 6px 18px #0009;background:linear-gradient(90deg,var(--accent),var(--gradient-end))}.btn-light{background-color:#2f2f2f;color:#fff;border:1px solid #555;padding:.7rem 1.2rem;border-radius:.7rem;margin-left:1rem}.modal{position:fixed;inset:0;background:linear-gradient(180deg,#0d0d0d,#1a1a1a);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;display:grid;place-items:center;opacity:0;visibility:hidden;transition:all .4s ease-in-out;place-content:center}.modal-content{position:relative;background:linear-gradient(135deg,#111,#1f1f1f);border:2px solid #F43F5E;padding:2rem;border-radius:1rem;box-shadow:0 12px 32px #0009;transform:translateY(20px);animation:fadeInModal .5s ease-out forwards;min-width:300px;max-width:600px}.modal-content button{margin-top:20px;padding:.6rem 1.2rem;margin-left:15px;justify-items:center;background:linear-gradient(to right,#6366f1,#f43f5e);color:#fff;font-weight:700;border:none;border-radius:.5rem;box-shadow:0 4px 12px #0006;transition:transform .3s ease,box-shadow .3s ease}.modal-content button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0009}.modal-content .close-btn{position:absolute;top:-.75rem;right:.55rem;padding:.5em 1.6em;background:transparent;color:var(--accent, #F43F5E);font-size:1.15rem;border:none;cursor:pointer;transition:transform .2s ease}.modal-content .close-btn:hover{transform:scale(1.2);color:#fff}.show-modal{opacity:1;visibility:visible}@keyframes fadeInModal{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body{overflow-x:hidden}.loading-container{display:flex;justify-content:center;align-items:center;min-height:unset;padding:40px 16px;background-color:var(--base-color)}.loading-box{display:flex;justify-content:start;flex-direction:column;align-items:center;gap:30px;padding:18px 20px;max-height:calc(100vh - 80px);overflow-y:auto;border-radius:2rem;background:linear-gradient(120deg,#2121978f,#5e0a1879,#2121978f);background-size:200% 200%;animation:pulseBackground 6s ease-in-out infinite,boxEnter .8s ease-out forwards;transform-origin:center;box-shadow:0 0 30px #ffffff14}.carousel{display:flex;gap:20px;overflow-x:auto;padding:10px 16px;margin:0 auto;width:fit-content;max-width:1000px;scrollbar-width:none;scroll-snap-type:x mandatory}.carousel::-webkit-scrollbar{display:none}.blur-card{flex:0 0 auto;opacity:0;transform:translate(20px);animation:slideIn .6s ease-out forwards;animation-delay:calc(.2s * var(--i));background-color:#1a1a1a;border-radius:1rem;padding:1rem;width:240px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;align-items:center}.avatar-img{width:80px;height:80px;border-radius:50%;margin-bottom:1rem}.blurred-info{width:100%;height:80px;border-radius:.5rem;background:#ffffff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.loading-message{font-size:2rem;font-weight:500;color:#f3eced;font-style:italic}@keyframes pulseBackground{0%{background-position:0% 50%;transform:scale(1);opacity:.95}50%{background-position:100% 50%;transform:scale(1.02);opacity:1}to{background-position:0% 50%;transform:scale(1);opacity:.95}}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@keyframes boxEnter{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.loading-box{width:90%;padding:16px 12px;gap:20px;border-radius:1.2rem}.carousel{overflow-x:auto;width:100%;max-width:100%;gap:12px;padding:8px 12px}.blur-card{min-width:160px;max-width:180px;width:180px;padding:.8rem}.avatar-img{width:64px;height:64px;margin-bottom:.6rem}.blurred-info{height:60px}.loading-message{font-size:1.4rem;text-align:center}}.pagination{display:flex;gap:15px;justify-content:center;padding:30px;margin:-20px auto auto}.pagination button{background-color:#1a1a1a;color:#f3eced;border:3px solid var(--gradient-start);padding:12px 18px;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .2s ease}.pagination button:hover{transform:scale(1.05);border:3px solid var(--accent)}.pagination button.active-page{border:3px solid var(--accent);color:#fff;transform:scale(1.1)}button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 400px){.pagination{gap:10px;justify-content:center;margin-top:-30px}.pagination button{padding:6px 9px}}