.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#3b0a45;position:fixed;width:100%;z-index:1000;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 2px 10px #0000001a;transition:background .3s ease,box-shadow .3s ease}.navbar.scrolled{position:fixed}.navbar.sticky{position:sticky;top:0}.logo_main{width:80px;height:80px;border-radius:50%;overflow:hidden}.logo_main img{width:100%;height:100%;object-fit:cover}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;display:none}.nav-links{display:flex;align-items:center;list-style:none;gap:20px;padding:0;margin:0}.nav-links li a,.nav-links li Link{text-decoration:none;font-weight:500;color:#fff!important}.nav-icons,.cta{display:flex;align-items:center}.icon{font-size:28px;color:#fff}.nav-divider{width:1px;height:30px;background:#aaa;margin:0 10px}@media (max-width: 760px){.menu-toggle{display:block}.navigation{position:absolute;top:0;right:0;width:100%;height:100vh;background-color:#3b0a45;padding:40px 20px;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.navigation.open{opacity:1;visibility:visible}.nav-links{flex-direction:column;align-items:flex-start;gap:20px}.nav-divider{width:100%;height:1px;background:#888;margin:20px 0}}@media (min-width: 761px){.navigation{display:block!important}.navigation.open,.close,.menu{display:none}}.navigation:before{--size: 45px;--line: rgba(255, 255, 255, .08);content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) center center / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) center center / var(--size) var(--size);mask:linear-gradient(to right,transparent 60%,white 80%);-webkit-mask:linear-gradient(to right,transparent 60%,white 80%);pointer-events:none;z-index:-1}.content-wrap{display:flex;justify-content:flex-start;align-items:center;height:100vh;position:relative;background-color:#3b0a45;overflow:hidden}.hero{padding:20px}#tsparticles,.particle-overlay{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-text{z-index:3;max-width:800px;text-align:left;color:#fff;position:relative}.hero-text h1,.hero-text p{transition:opacity .5s ease-in-out}.hero-text h1{font-size:5rem;margin-bottom:1rem;color:#fff}.hero-text p{font-size:2rem;color:#fff}.content-wrap:before{--size: 45px;--line: rgba(255, 255, 255, .08);content:"";height:100vh;width:100vw;position:absolute;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) right center / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) right center / var(--size) var(--size);mask:linear-gradient(to right,transparent 60%,white 80%);-webkit-mask:linear-gradient(to right,transparent 60%,white 80%);top:0;right:0;pointer-events:none;z-index:0}@media screen and (max-width: 768px){.hero-text h1{font-size:3rem}.hero-text p{font-size:1.25rem}}.btns{display:flex;margin-top:30px;gap:20px}.btn{background-color:#ffc107;color:#3b0a45!important}._btn{background-color:#2c003e;text-align:center}.display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0;max-width:1200px;margin:auto}.display h1{font-size:3rem;color:#000;margin-bottom:20px}.cards_display{display:flex;flex-wrap:wrap;border:1px solid var(--border-color);gap:20px;justify-content:center;align-items:center;margin:auto;border-radius:20px;color:var(--text-color)}.card_display{flex:1 1 200px}.card_display .img_display{max-width:500px;height:400px;object-fit:cover;border-radius:10px;padding:20px;overflow:hidden}.img_display img{width:100%;height:100%;object-fit:cover;border-radius:20px}.card_display .text_display h2{font-size:2.5rem;color:#000}.card_display p{font-size:1rem}.card_display{color:var(--text-color)}@media screen and (max-width: 768px){.display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0}.display h1{font-size:2rem;color:#000;margin-bottom:20px}.cards_display{display:flex;flex-wrap:wrap;border:1px solid var(--border-color);gap:20px;width:80%;justify-content:center;align-items:center;margin:auto;border-radius:20px;color:var(--text-color)}.card_display{flex:1 1 200px}.card_display .img_display{max-width:500px;max-height:500px;object-fit:cover;border-radius:10px;margin-bottom:20px;overflow:hidden}.img_display img{width:100%;height:100%;object-fit:cover}.card_display .text_display h2{font-size:1.5rem;color:#000}.card_display p{font-size:1rem}.card_display{color:var(--text-color)}}.body_container{display:flex;flex-wrap:wrap}.card_body{flex:1 1 200px;padding:20px;margin:20px;border-radius:20px;background:var(--primary-bg);display:flex;justify-content:center;align-items:center}.card_body.no_color{background:none;display:block;justify-content:center}.card_body h1{font-size:2rem;padding:20px;align-items:center;justify-content:center;background-color:var(--bg-color)}.card_body .img{max-width:500px;height:500px;object-fit:cover;border-radius:10px;margin-bottom:20px;overflow:hidden}.img img{width:100%;height:100%;object-fit:cover}.card_body p{font-size:1rem}.p{font-size:1.5rem;padding:20px;align-items:end;justify-content:center}@media screen and (max-width: 768px){.card_body{flex:1 1 100%;padding:20px;margin:20px;border-radius:20px;background:var(--primary-bg);display:flex;justify-content:center;align-items:center}.card_body.no_color{background:none;display:block;justify-content:center}.card_body h1{font-size:1.5rem;padding:20px;align-items:center;justify-content:center;background-color:var(--bg-color)}.card_body .img{max-width:500px;height:500px;object-fit:cover;border-radius:10px;margin-bottom:20px;overflow:hidden}.img img{width:100%;height:100%;object-fit:cover}.card_body p{font-size:1rem}.p{font-size:1.5rem;padding:20px;align-items:end;justify-content:center}}.cards_body2{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;gap:20px;padding:2rem;max-width:90%;margin:2rem auto}.card_body2{background:#f9fafb;min-height:320px;padding:1.5rem;border-radius:16px;text-align:center;font-weight:500;color:#111827;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card_body2:hover{transform:translateY(-6px);box-shadow:0 6px 16px #00000026;background:#fff}.card_body2 img.card_image{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:1rem}.card_body2 h2{font-size:1.2rem;margin-bottom:.8rem;color:#4f46e5}.card_body2 p{font-size:.95rem;line-height:1.5;color:#374151;margin-bottom:1.2rem}.btn{display:inline-block;background:#4f46e5;color:#fff;padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .3s ease}.btn:hover{background:#4338ca}.contact-form{width:80%;max-width:500px;margin:0 auto;padding:10px 20px 20px;background-color:#0000001a;border:1px solid var(--hightlight-color);border-radius:8px;box-shadow:0 4px 8px #0003}.contact-form h2{text-align:center;margin-bottom:20px}.contact-form input,.contact-form textarea{width:100%;padding:12px;margin:8px 0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background:none}.contact-form button{width:100%;padding:12px;background-color:var(--accent-color);color:var(--primary-background-color);border:none;border-radius:4px;cursor:pointer;font-size:16px}.contact-form button:hover{background-color:#0056b3}.contact-form .status{text-align:center;margin-top:10px;color:green}.footer{color:var(--text-color);padding:40px 0;text-align:center;display:flex;flex-direction:column;height:auto;border-top:1px solid var(--border-color)}.footer-content{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;text-align:left}.footer-social,.footer-links,.footer-logo,.footer-Donate{flex:1 1 100px;align-items:center}.footer-logo h2{color:var(--accent-color);margin-bottom:20px}.footer-links ul,.footer-Donate ul{list-style-type:none;padding:0;margin:0;display:grid}.footer-links ul li{margin:5px 0;font-size:10px}.footer-links ul li a{color:var(--link-color)!important;text-decoration:none;font-family:Roboto,sans-serif;font-size:12px;transition:color .3s ease}.footer-links ul li a:hover{color:var(--highlight-color)}.footer-social{margin-top:20px}.footer-social a{color:var(--text-color);font-size:20px;margin:0 10px;text-decoration:none;transition:color .3s ease}.footer-social a:hover{color:var(--accent-color)}.footer-bottom{margin-top:40px;font-size:14px;color:var(--text-color)}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:left}.footer-links ul li{margin:10px 0}.footer-social{margin-top:10px}}.register{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.register h1{text-align:center;color:#fff}.register-form{display:flex;flex-direction:column;gap:1rem;width:40%;margin:0 auto}.register-form label{display:flex;flex-direction:column;font-weight:600;color:#fff;width:100%}.register-form input{padding:12px 24px;border:1px solid #ccc;border-radius:6px;background-color:transparent;margin-top:.3rem;width:100%}.message{text-align:center;margin-bottom:1rem;color:green;font-weight:700}@media screen and (max-width: 768px){.register-form{width:90%}}input::placeholder{color:#888;opacity:1}input::grammar-error{color:red;font-weight:700}input,.form-title{color:#fff}:root{--primary-background-color: #0e1420;--secondary-background-color: #1E1E1E;--text-color: #FFFFFF;--accent-color: #FFEB3B;--highlight-color: #FFC107;--link-color: #BB86FC;--border-color: #333333;--deep-charcoal: #0d0c1d;--muted-indigo: #1b1a2f;--dark-purple: #2a0a29;--burgundy: #3b0d1d;--primary-bg: radial-gradient(circle at 18% 20%, var(--dark-purple), transparent 42%), radial-gradient(circle at 82% 78%, var(--burgundy), transparent 42%), linear-gradient(135deg, var(--deep-charcoal), var(--muted-indigo) 80%);--secondary-bg: radial-gradient(circle at 18% 20%, var(--dark-purple), transparent 42%), radial-gradient(circle at 82% 78%, var(--burgundy), transparent 42%), linear-gradient(135deg, var(--muted-indigo), var(--deep-charcoal) 80%)}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;line-height:1.6}a,Link{color:var(--link-color)!important;text-decoration:none}a:hover{color:var(--highlight-color)}button,.btn,._btn{background:#5c2323;color:var(--highlight-color);border:none;padding:10px 20px;cursor:pointer;border-radius:20px;text-align:center;display:flex;justify-content:center;align-items:center}button:hover,.btn{background-color:var(--highlight-color);color:#5c2323}p{color:#737373}.main{flex:1;display:flex;flex-direction:column}.topbar{height:60px;color:#fff;position:sticky;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #374151;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:1rem}.logo{height:32px;width:32px;border-radius:50%;object-fit:cover}.app-name{font-size:1.2rem;font-weight:700}.topbar-right{display:flex;align-items:center;gap:1.5rem}.notification .bell{font-size:1.2rem;cursor:pointer}.user-info{display:flex;align-items:center;gap:.75rem}.avatar{height:36px;width:36px;border-radius:50%;object-fit:cover}.user-meta{display:flex;flex-direction:column;font-size:.85rem;position:relative}.username{font-weight:600;color:#fff;margin-bottom:.25rem;cursor:pointer;width:30px;height:30px;border:none;padding:.525rem .75rem;border-radius:50%;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.notification{background-color:transparent;color:#fff;border:none;cursor:pointer;font-size:1.2rem;margin-right:1.5rem}.modal-username{--secondary-color: #1f2937;position:absolute;top:130%;right:0;background:var(--secondary-color);border:#555;padding:12px;box-shadow:0 4px 8px #0000001a;z-index:1000;border-radius:8px;width:220px;animation:fadeIn .2s ease-in-out}.modal-name{font-weight:600;font-size:14px;margin-bottom:4px}.modal-email{font-size:13px;color:#f0f8ff;margin-bottom:12px;display:block;word-break:break-word}.logout-btn{background-color:#ef4444;color:#fff;border:none;padding:6px 10px;font-size:13px;border-radius:5px;cursor:pointer;transition:background .2s ease-in-out}.logout-btn:hover{background-color:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 768px){.menu-icon{display:none}}.sidebar{width:250px;height:100vh;overflow-y:auto;z-index:100;display:flex;flex-direction:column;padding-top:20px;box-sizing:border-box;color:#fff;flex-shrink:0;border-right:1px solid #374151}.sidebar-container ul{list-style:none;margin:0;padding:0}.sidebar-container ul li{margin-bottom:20px}.sidebar-container ul li a{display:flex;align-items:center;text-decoration:none;color:#fff;padding:10px 20px;font-weight:500;font-size:16px;border-radius:6px;transition:background-color .3s,color .3s}.sidebar-container ul li a:hover{background-color:#4d1660;color:#ff6f61}.sidebar-container ul li a span{display:flex;align-items:center;gap:12px}.sidebar-container ul li a img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.sidebar{width:70px;padding-top:10px}.sidebar-container ul li a{justify-content:center;padding:10px 0}.sidebar-container ul li a span{gap:0;flex-direction:column}.sidebar-container ul li a span span{display:none}.sidebar-container ul li a img{margin:0 auto}}.dashboard{height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start}.account-page{padding:20px;font-family:Segoe UI,sans-serif;color:var(--text-color, #2c3e50)}.account-section{margin-bottom:30px}.account-section h2{font-size:1.4rem;margin-bottom:15px;font-weight:600}.account-card{border:1px solid #ccc;padding:20px;border-radius:10px;box-shadow:0 1px 4px #0000000d;margin-bottom:15px}.account-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.profile-card{display:flex;flex-direction:column;gap:15px}.profile-header{display:flex;gap:15px;align-items:center}.profile-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover}.btn-primary{background:var(--primary-blue, #4A90E2);color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer}.btn-secondary{background:var(--primary-yellow, #FFC107);color:#2c3e50;padding:8px 14px;border:none;border-radius:6px;cursor:pointer}.btn-danger{background:var(--secondary-orange, #FF7043);color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer}.activity-list{padding-left:18px}.activity-list li{margin-bottom:4px;font-size:.9rem}.access-control-page{padding:20px;font-family:Segoe UI,sans-serif;color:var(--text-color, #2c3e50)}.ac-section{margin-bottom:30px}.ac-section h2{font-size:1.3rem;margin-bottom:10px}.ac-card{padding:20px;border-radius:10px;box-shadow:0 1px 4px #0000000d}.ac-table{width:100%;border-collapse:collapse;margin-top:15px}.ac-table th,.ac-table td{border-bottom:1px solid rgba(0,0,0,.1);padding:10px;text-align:left}.ac-table th{background-color:#00000008}.btn-primary{background:var(--primary-blue, #4A90E2);color:#fff;padding:6px 12px;border:none;border-radius:6px;cursor:pointer}.btn-secondary{background:var(--primary-yellow, #FFC107);color:#2c3e50;padding:6px 12px;border:none;border-radius:6px;cursor:pointer}.btn-danger{background:var(--secondary-orange, #FF7043);color:#fff;padding:6px 12px;border:none;border-radius:6px;cursor:pointer}.service_card_container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;text-align:left;margin:20px}.card_services{background-color:linear-gradient(rgba(37,34,34),rgba(94,16,16));border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center;width:250px;border:1px solid #fff}.card_services h2{font-size:24px;margin-bottom:10px}.card_services p{font-size:16px;color:#fff}.card_services img{width:100px;height:100px;object-fit:cover;border-radius:50%;margin-bottom:10px}.your-info-page{padding:20px;font-family:Segoe UI,sans-serif;color:var(--text-color, #2c3e50)}.info-section{margin-bottom:30px}.info-section h2{font-size:1.3rem;margin-bottom:10px}.info-card{padding:20px;border-radius:10px;box-shadow:0 1px 4px #0000000d}.info-row{display:flex;justify-content:space-between;margin-bottom:8px}.label{font-weight:600}.value{color:#fff}.btn-primary{background:var(--primary-blue, #4A90E2);color:#fff;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;margin-top:10px}.btn-secondary{background:var(--primary-yellow, #FFC107);color:#2c3e50;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;margin-top:10px}:root{--privacy-text: #fff;--privacy-heading: #fff;--privacy-accent: #4a90e2;--privacy-border: #ddd}.privacy-container{max-width:900px;margin:0 auto;padding:2rem;background-color:var(--privacy-bg);color:var(--privacy-text);line-height:1.6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.privacy-container h1,.privacy-container h2,.privacy-container h3{color:var(--privacy-heading);margin-bottom:1rem}.privacy-container h1{font-size:2rem;border-bottom:2px solid var(--privacy-accent);padding-bottom:.5rem}.privacy-container h2{font-size:1.5rem;margin-top:2rem}.privacy-container h3{font-size:1.2rem;margin-top:1.5rem}.privacy-container p{margin-bottom:1rem}.privacy-container ul{padding-left:1.5rem}.privacy-container li{margin-bottom:.5rem}.privacy-container a{color:var(--privacy-accent);text-decoration:none}.privacy-container a:hover{text-decoration:underline}.privacy-info-box{background:#eef5ff;border:1px solid var(--privacy-border);padding:1rem;margin-top:1.5rem;border-radius:8px;font-size:.95rem}@media (max-width: 768px){.privacy-container{padding:1.5rem}.privacy-container h1{font-size:1.8rem}.privacy-container h2{font-size:1.3rem}}