:root{--primary-blue: #1e3a5f;--secondary-blue: #2c5282;--accent-blue: #4a90e2;--light-blue: #5da3db;--sky-blue: #87ceeb;--dark-navy: #0f1e30;--midnight-blue: #1a2332;--highlight-blue: #00bfff;--cyan-accent: #20b2aa;--purple-accent: #6a5acd;--text-primary: #e8f1f8;--text-secondary: #b8d4e8;--text-muted: #7a9ab5;--white: #ffffff;--off-white: #f0f6fb;--black: #000000;--primary-color: var(--accent-blue);--secondary-color: var(--cyan-accent);--tertiary-color: var(--light-blue);--accent-color: var(--highlight-blue);--secondary-accent: var(--sky-blue);--background-color: var(--primary-blue);--text-color: var(--text-primary);--text-light: var(--text-muted);--light-gray: rgba(93, 163, 219, .3);--medium-gray: var(--text-secondary);--shadow: 0 2px 10px rgba(30, 58, 95, .4);--ice-shadow: 0 8px 32px rgba(0, 191, 255, .3);--transition: all .3s ease}*{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-primary);background-color:var(--primary-blue);min-height:100vh;display:flex;flex-direction:column;margin:0;padding:0;-webkit-overflow-scrolling:touch}a{color:var(--accent-blue);text-decoration:none;transition:var(--transition)}a:hover{color:var(--light-blue)}.btn{display:inline-block;background-color:var(--accent-blue);color:var(--white);padding:12px 24px;min-height:44px;border-radius:4px;border:none;cursor:pointer;font-weight:600;text-align:center;transition:var(--transition);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:hover{background-color:var(--light-blue);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow)}img{max-width:100%;height:auto}main{flex:1;padding:2rem 2rem 100px;max-width:1200px;margin:0 auto;width:100%}@media screen and (max-width: 768px){main{padding:1.5rem 1rem 100px}}@media screen and (max-width: 480px){main{padding:1rem .75rem 100px}body{font-size:16px;line-height:1.6}p,.news-description,.about-text p{font-size:1rem;line-height:1.6}h1{font-size:2rem;line-height:1.3}h2{font-size:1.5rem;line-height:1.4}h3{font-size:1.25rem;line-height:1.4}}.error-message{background-color:#ffe5e5;border-left:4px solid #ff0000;padding:15px;margin-bottom:20px}.error-message h3{color:#c00;margin-bottom:10px}@media screen and (max-width: 768px){header{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto}.logo{grid-column:1;grid-row:1}nav{grid-column:1 / span 2;grid-row:2}.social-icons{grid-column:1 / span 2;grid-row:3;justify-content:center}.mobile-menu-toggle{grid-column:2;grid-row:1;justify-self:end}main{padding:1rem}}header{display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;padding:1rem 2rem;position:sticky;top:0;z-index:100;background-color:#f0f8ffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 15px #0000000d;transition:all .3s ease}@media (prefers-reduced-transparency: reduce){header,.dropdown-menu,.main-nav,.mobile-menu-toggle,.social-icon{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#f0f8fff2!important}}@media (prefers-reduced-motion: reduce){.mobile-menu-toggle,.dropdown-menu,.main-nav a:after{transition:none!important}}header.compact{padding:.5rem 2rem}.logo{display:flex;align-items:center;gap:.75rem}.logo img{width:50px;height:50px;border-radius:8px;box-shadow:0 3px 10px #0000001a;transition:all .3s ease}header.compact .logo img{width:40px;height:40px}.logo h1{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0;transition:all .3s ease}header.compact .logo h1{font-size:1.3rem}nav{width:100%;display:flex}.main-nav{display:flex;list-style:none;gap:1.5rem;justify-content:center;flex:1}.main-nav a{color:var(--text-color);font-weight:500;padding:.5rem .8rem;position:relative;transition:all .3s ease;border-radius:4px}.main-nav a:hover,.main-nav a.active,.main-nav a:focus{color:var(--primary-color);background-color:#4a90e21a;outline:none}.main-nav a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.main-nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--primary-color);transition:all .3s ease;transform:translate(-50%);opacity:0}.main-nav a:hover:after,.main-nav a.active:after{width:70%;opacity:1}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#f0f8ffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #4a90e226;border-radius:8px;min-width:150px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:100;padding:.5rem 0;list-style:none;border:1px solid rgba(74,144,226,.2)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:.5rem 1rem;color:var(--text-color);border-radius:4px;margin:0 .5rem;transition:all .2s ease}.dropdown-menu a:hover,.dropdown-menu a.active{background-color:#4a90e226;color:var(--primary-color);transform:translate(5px)}.mobile-menu-toggle{display:none;justify-content:center;align-items:center;min-width:80px;height:44px;background:linear-gradient(135deg,#f0f8ffe6,#e0f6fff2);border:1px solid rgba(0,191,255,.3);cursor:pointer;padding:8px 16px;border-radius:12px;box-shadow:0 4px 15px #00bfff33,inset 0 1px #ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;position:relative;font-size:.9rem;font-weight:600;color:var(--primary-color);text-shadow:0 1px 2px rgba(0,191,255,.3)}.mobile-menu-toggle:hover{background:linear-gradient(135deg,#f0f8fff2,#e0f6fffa);box-shadow:0 6px 20px #00bfff4d,inset 0 1px #fffc;transform:translateY(-2px);color:var(--accent-color)}.mobile-menu-toggle:before{content:"☰ Menu";transition:all .3s ease}.mobile-menu-toggle.active{background:linear-gradient(135deg,#00bfff26,#87ceeb33);box-shadow:0 4px 15px #00bfff66,inset 0 1px #ffffff4d}.mobile-menu-toggle.active:before{content:"✕ Close"}.social-icons{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.social-icon{display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:var(--transition);width:44px;height:44px;background-color:#fff3;border-radius:50%;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.social-icon:hover{color:var(--primary-color);transform:translateY(-3px);box-shadow:0 5px 15px #4a90e233;background-color:#fff6}@media screen and (max-width: 768px){header{grid-template-columns:auto 1fr auto;padding:.75rem 1rem;gap:1rem;min-height:70px}nav{display:block}.mobile-menu-toggle{display:flex;min-width:75px;height:40px;align-items:center;justify-content:center;padding:8px 12px;font-size:.85rem}.main-nav{flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height .5s ease;gap:0;justify-content:flex-start;background-color:#f0f8fffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0 0 8px 8px;position:absolute;top:100%;left:0;right:0;z-index:200;box-shadow:0 4px 20px #0000001a}.main-nav.show{max-height:500px;box-shadow:0 10px 15px #0000000d}.main-nav li{width:100%}.main-nav a{display:block;padding:1rem 1.5rem;border-bottom:1px solid rgba(74,144,226,.1);border-radius:0;font-size:1.1rem;min-height:48px;display:flex;align-items:center}.main-nav a:hover,.main-nav a.active{background-color:#4a90e21a}.main-nav a:after{display:none}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background-color:#4a90e208;width:100%;max-height:0;overflow:hidden;padding:0;transition:max-height .5s ease;border:none;backdrop-filter:none;-webkit-backdrop-filter:none}.dropdown:hover .dropdown-menu{max-height:200px}.dropdown-menu a{padding:1rem 2rem;margin:0;border-radius:0}.dropdown-menu a:hover{transform:none}.social-icons{position:relative;padding:0;justify-content:flex-end;gap:1rem}.social-icon{width:40px;height:40px}.logo h1{display:none}}@media screen and (max-width: 480px){.social-icons{gap:.8rem}.social-icon{width:36px;height:36px}.logo img{width:45px;height:45px}}.dock-navigation{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;width:auto;max-width:400px;background:#4a90e2bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:12px 20px;box-shadow:0 4px 20px #1e3a5f99,0 0 1px #5da3dbcc inset;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}@media (prefers-color-scheme: dark){.dock-navigation{background:#75c3f366;box-shadow:0 4px 20px #0000004d,0 0 1px #095ee51a inset}}.dock-items{display:flex;justify-content:center;align-items:center;gap:20px;margin:0;padding:0;list-style:none}.dock-item{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:#ffffff1a;border:none;cursor:pointer;text-decoration:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);outline:none;-webkit-tap-highlight-color:transparent}.dock-icon{font-size:28px;line-height:1;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;filter:grayscale(.3) brightness(.95);transition:filter .3s cubic-bezier(.68,-.55,.265,1.55),transform .3s cubic-bezier(.68,-.55,.265,1.55)}.dock-logo{width:36px;height:36px;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.dock-item-logo{transition:none!important;cursor:default!important;pointer-events:none}.dock-item-logo:hover{transform:none!important;animation:none!important;background:#ffffff1a!important;box-shadow:none!important}.dock-item-logo .dock-logo{pointer-events:none}.dock-item-logo:hover .dock-logo{transform:none!important;filter:none!important}@media (hover: hover){.dock-item:hover{transform:translateY(-8px) scale(1.15);background:#ffffff40;box-shadow:0 12px 24px #0000004d;animation:bounce .6s cubic-bezier(.68,-.55,.265,1.55)}.dock-item:hover .dock-icon{filter:grayscale(0) brightness(1.2);transform:scale(1.1)}.dock-item:hover .dock-logo{transform:scale(1.2);filter:brightness(1.2)}.dock-item:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);background:#000000e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dock-item:hover:after{opacity:1;transform:translate(-50%) translateY(0) scale(1.05);animation:tooltipBounce .5s cubic-bezier(.68,-.55,.265,1.55)}}.dock-item[data-page].active,.dock-item[aria-current=page]{background:#4a90e24d;box-shadow:0 0 12px #4a90e266}.dock-item.active .dock-icon{filter:grayscale(0) brightness(1.2)}.dock-item:active{transform:translateY(-2px) scale(.95);animation:squish .2s cubic-bezier(.68,-.55,.265,1.55)}.dock-item:focus-visible{outline:2px solid #4a90e2;outline-offset:2px;background:#fff3}@media (max-width: 768px){.dock-navigation{bottom:12px;max-width:90vw;padding:10px 16px}.dock-items{gap:16px}.dock-item{width:48px;height:48px;min-width:44px;min-height:44px}.dock-icon{font-size:24px}.dock-item:after{display:none}}@media (max-width: 380px){.dock-items{gap:12px}.dock-item{width:44px;height:44px}.dock-icon{font-size:22px}}@keyframes bounce{0%{transform:translateY(-8px) scale(1.15)}25%{transform:translateY(-16px) scale(1.2)}50%{transform:translateY(-8px) scale(1.15)}65%{transform:translateY(-12px) scale(1.17)}80%{transform:translateY(-8px) scale(1.15)}90%{transform:translateY(-10px) scale(1.16)}to{transform:translateY(-8px) scale(1.15)}}@keyframes tooltipBounce{0%{transform:translate(-50%) translateY(-4px) scale(.8)}50%{transform:translate(-50%) translateY(2px) scale(1.08)}to{transform:translate(-50%) translateY(0) scale(1.05)}}@keyframes squish{0%{transform:translateY(-2px) scale(.95)}50%{transform:translateY(0) scale(.9)}to{transform:translateY(-2px) scale(.95)}}@keyframes wiggle{0%{transform:translateY(0)}25%{transform:translateY(-4px)}50%{transform:translateY(0)}75%{transform:translateY(-2px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.dock-navigation,.dock-item,.dock-icon,.dock-item:after{transition:none;animation:none!important}.dock-item:hover{transform:translateY(-4px) scale(1.05)}}.dock-item[data-page=desk]{display:none!important}.info-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .4s cubic-bezier(.68,-.55,.265,1.55)}.info-modal[hidden]{display:none;opacity:0}.info-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f1e30b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;animation:fadeIn .5s cubic-bezier(.68,-.55,.265,1.55)}.info-modal-content{position:relative;background:var(--secondary-blue);border:1px solid rgba(93,163,219,.3);border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #1e3a5f99;z-index:1;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.info-modal-content h2{margin:0 0 24px;font-size:24px;color:var(--white);font-weight:600}.info-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#5da3db33;color:var(--white);font-size:24px;line-height:1;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);outline:none}.info-modal-close:hover{background:#5da3db66;transform:rotate(180deg) scale(1.1);animation:spin .6s cubic-bezier(.68,-.55,.265,1.55)}.info-modal-close:active{transform:rotate(180deg) scale(.85)}.info-modal-close:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.info-modal-body{color:var(--text-primary);font-size:14px;line-height:1.6;text-align:center}.info-modal-body p{margin:16px 0}.info-modal-body p:last-child{margin-bottom:0}.info-modal-body .social-icons{display:flex;gap:16px;justify-content:center;margin:24px 0}.info-modal-body .social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff1a;color:#fff;text-decoration:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}@media (prefers-color-scheme: light){.info-modal-body .social-icon{background:#0000000d;color:#1a1a1a}}.info-modal-body .social-icon:hover{background:#ffffff40;transform:translateY(-6px) scale(1.15) rotate(5deg);animation:socialBounce .5s cubic-bezier(.68,-.55,.265,1.55)}@media (prefers-color-scheme: light){.info-modal-body .social-icon:hover{background:#0000001a}}.info-modal-body .social-icon svg{width:20px;height:20px}.info-modal-body .donate-button{width:100%;margin:20px 0!important;padding:12px 24px!important;font-size:16px!important}.info-modal-body form{margin:20px 0!important}.info-modal-content::-webkit-scrollbar{width:8px}.info-modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.info-modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.info-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-100px)}50%{opacity:1;transform:scale(1.05) translateY(10px)}70%{transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{0%{transform:rotate(0) scale(1)}60%{transform:rotate(200deg) scale(1.15)}to{transform:rotate(180deg) scale(1.1)}}@keyframes socialBounce{0%{transform:translateY(0) scale(1) rotate(0)}40%{transform:translateY(-8px) scale(1.2) rotate(8deg)}60%{transform:translateY(-4px) scale(1.1) rotate(3deg)}to{transform:translateY(-6px) scale(1.15) rotate(5deg)}}@media (max-width: 768px){.info-modal-content{padding:24px;max-width:95%;max-height:85vh}.info-modal-content h2{font-size:20px;margin-bottom:20px;padding-right:32px}.info-modal-body{font-size:14px}.info-modal-body .social-icons{gap:12px}.info-modal-body .social-icon{width:40px;height:40px}}body.modal-open{overflow:hidden}@media (prefers-reduced-motion: reduce){.info-modal,.info-modal-overlay,.info-modal-content,.info-modal-close,.info-modal-body .social-icon{animation:none!important;transition:opacity .2s ease,transform .2s ease}.info-modal-close:hover{transform:rotate(90deg) scale(1)}.info-modal-body .social-icon:hover{transform:translateY(-2px) scale(1.05)}}.news-heading{text-align:center;margin-bottom:2rem}.news-heading h1{font-size:2.5rem;color:var(--white);margin-bottom:.5rem}.news-heading p{font-size:1.1rem;color:var(--text-secondary);max-width:800px;margin:0 auto}#news-container{display:flex;flex-direction:column;gap:1.5rem}.news-item{background-color:var(--secondary-blue);border:1px solid rgba(93,163,219,.3);border-radius:8px;box-shadow:var(--shadow);padding:1.5rem;transition:var(--transition);text-align:center;margin-bottom:1.5rem}.news-item:last-child{margin-bottom:0}.news-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #1e3a5f66;border-color:var(--accent-blue)}.news-date{color:var(--light-blue);font-size:.9rem;margin-bottom:.5rem}.news-title{color:var(--white);font-size:1.5rem;margin-bottom:.8rem}.news-description{color:var(--text-primary);line-height:1.6}.no-news{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.2rem;background-color:var(--secondary-blue);border:1px solid rgba(93,163,219,.3);border-radius:8px;box-shadow:var(--shadow)}@media screen and (max-width: 768px){.news-heading h1{font-size:2rem}.news-title{font-size:1.3rem}}