:root{--primary-purple: #6a4c93;--secondary-orange: #f48200;--text-color: #1a1717;--white: #ffffff;--success: #009955;--error: #ff221c;--error-secondary: #ff0000;--warning: #ffc409;--yellow-course: #25a890;--blue-course: #3d55b6;--purple-course: #508852;--green-course: #6d2053;--pink-course: #392b63;--seagreen-course: #a64c47;--yellow-light: #d2f1ec;--blue-light: #e0e6ff;--purple-light: #d1f8d2;--green-light: #ebbadb;--pink-light: #d2c5f9;--seagreen-light: #ffdfde;--yellow-medium: #97e7d9;--blue-medium: #b8c6fb;--purple-medium: #a9eaab;--green-medium: #e68bc7;--pink-medium: #a88ff2;--seagreen-medium: #ffaaa6;--primary-system: #3880ff;--secondary-system: #3dc2ff;--tertiary: #5260ff;--success-system: #2dd36f;--warning-system: #ffc409;--danger: #eb445a;--dark: #222428;--medium: #92949c;--light: #f4f5f8;--default-status: #ffa45e;--navigation-bar: #f7e3c7;--background: #fff0da;--border: #d8d8d8;--progress-bar: #006fff;--highlight: #e78821;--caret: #e78821;--new-badge: #fc503d;--ongoing-badge: #aa30af;--completed-badge: #3dac4e;--confirm-popup: #d12a18}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background:linear-gradient(135deg,var(--background) 0%,var(--yellow-light) 100%);min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--primary-purple);margin-bottom:1rem;font-weight:600}h1{font-size:2.5rem;background:linear-gradient(135deg,var(--primary-purple),var(--secondary-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;color:var(--primary-purple)}h3{font-size:1.5rem;color:var(--blue-course)}p{margin-bottom:1rem;line-height:1.8}a{color:var(--secondary-orange);text-decoration:none;transition:all .3s ease}a:hover{color:var(--primary-purple);text-decoration:underline}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn.btn-primary{background:linear-gradient(135deg,var(--primary-purple),var(--blue-course));color:var(--white)}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6a4c934d}.btn.btn-secondary{background:linear-gradient(135deg,var(--secondary-orange),var(--highlight));color:var(--white)}.btn.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f482004d}.card{background:var(--white);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;border:1px solid var(--border);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 15px}h1{font-size:2rem}h2{font-size:1.5rem}.card{padding:1.5rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}