body{font-family:Roboto,Arial,sans-serif;margin:0;padding:0;background-color:#1f2937;color:#d1d5db;line-height:1.8;transition:background-color .3s ease,color .3s ease}body.light-mode{background-color:#e5e7eb;color:#111827}.container{padding:2rem;max-width:1200px;margin:0 auto}.wrapper,.abstract-section{max-width:900px;margin:2rem auto;background:#374151;border-radius:8px;box-shadow:0 4px 6px #00000080;padding:2rem;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease}body.light-mode .wrapper,body.light-mode .abstract-section{background:#f9fafb;color:#111827}.wrapper:hover,.abstract-section:hover{transform:scale(1.02);box-shadow:0 6px 12px #000000b3}h1,h2{text-align:center;margin-bottom:1.5rem}h1{font-size:2.5rem;font-weight:700;color:#60a5fa;text-shadow:1px 1px 2px rgba(0,0,0,.5)}h2{font-size:2rem;font-weight:700;color:#60a5fa;margin-bottom:2rem}body.light-mode h1,body.light-mode h2{color:#1e40af}p{font-size:1.125rem;margin-bottom:1.25rem;color:#9ca3af;text-align:justify}body.light-mode p{color:#374151}a{display:block;padding:.75rem 1.5rem;background-color:#2563eb;color:#fff;text-align:center;text-decoration:none;border-radius:6px;margin-bottom:.75rem;font-weight:500;transition:all .3s ease,background-color .3s ease,color .3s ease;box-shadow:0 2px 4px #00000080}body.light-mode a{background-color:#2563eb;color:#fff}a:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 8px #000000b3}body.light-mode a:hover{background-color:#1d4ed8}.links{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.credits{text-align:center;font-size:.875rem;color:#9ca3af;margin-top:1.5rem;line-height:1.5;font-style:italic}.credits .font-bold{font-weight:700;color:#d1d5db}.team-section{margin-top:3rem;text-align:center}.team-section h2{font-size:2rem;font-weight:700;color:#60a5fa;margin-bottom:2rem}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;justify-items:center}.team-member{text-align:center}.team-member img{width:150px;height:150px;border-radius:50%;object-fit:cover;box-shadow:0 4px 6px #00000080;transition:transform .3s ease,box-shadow .3s ease}.team-member img:hover{transform:scale(1.05);box-shadow:0 6px 12px #000000b3}.team-member p{margin-top:.5rem;font-size:1rem;color:#d1d5db;font-weight:500;text-align:center;transition:color .3s ease}.team-member:hover p{color:#60a5fa}.team-grid .placeholder{width:150px;height:150px;border:2px dashed #9ca3af;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.875rem}.acknowledgements-section{margin-top:3rem;text-align:center;padding:0 1.5rem}.acknowledgements-section h2{font-size:2rem;font-weight:700;color:#60a5fa;text-align:center;margin-bottom:1.5rem}.acknowledgements-grid{display:block;margin-top:1.5rem}.acknowledgement{text-align:center;background:none;border-radius:0;padding:0;box-shadow:none;transition:none}.acknowledgement img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:1rem;box-shadow:0 4px 6px #00000080}.acknowledgement p{margin:0 auto;max-width:700px;line-height:1.8;font-size:1.125rem;color:#9ca3af;text-align:justify;transition:transform .3s ease,opacity .3s ease}.acknowledgement:hover p{transform:translateY(-5px);opacity:.9}#acknowledgements{margin-top:3rem;padding:1.5rem;background-color:#374151;border-radius:8px;box-shadow:0 4px 6px #00000080;transition:background-color .3s ease,color .3s ease}body.light-mode #acknowledgements{background-color:#f9fafb;color:#111827}#acknowledgements h2{font-size:1.75rem;font-weight:700;color:#60a5fa;margin-bottom:1rem}body.light-mode #acknowledgements h2{color:#1e40af}#acknowledgements p{font-size:1.125rem;line-height:1.8;color:#9ca3af;text-align:justify}body.light-mode #acknowledgements p{color:#374151}.top-nav{display:flex;justify-content:space-between;align-items:center;background-color:#1f2937;padding:1rem 2rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #00000080;transition:background-color .3s ease}body.light-mode .top-nav{background-color:#f9fafb;color:#111827}.top-nav .logo{font-size:1.5rem;font-weight:700;color:#60a5fa}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 1rem}.nav-links a{color:#d1d5db;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease,transform .3s ease}.nav-links a:hover{color:#60a5fa;transform:scale(1.1)}.dark-mode-toggle{background-color:#374151;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease,color .3s ease}body.light-mode .dark-mode-toggle{background-color:#e5e7eb;color:#111827}#home,#team,#acknowledgements{scroll-margin-top:80px}.abstract-section{margin-top:3rem;padding:1.5rem;background-color:#374151;border-radius:8px;box-shadow:0 4px 6px #00000080;transition:background-color .3s ease,color .3s ease}body.light-mode .abstract-section{background-color:#f9fafb;color:#111827}.abstract-section h2{font-size:1.75rem;font-weight:700;color:#60a5fa;margin-bottom:1rem}body.light-mode .abstract-section h2{color:#1e40af}.abstract-section p{font-size:1.125rem;line-height:1.8;color:#9ca3af;text-align:justify}body.light-mode .abstract-section p{color:#374151}.btn-primary,.btn-secondary{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 6px #0003}.btn-primary{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff}.btn-primary:hover{background:linear-gradient(90deg,#1d4ed8,#2563eb);transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}.btn-secondary{background:linear-gradient(90deg,#10b981,#059669);color:#fff}.btn-secondary:hover{background:linear-gradient(90deg,#059669,#10b981);transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}
