*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background-color:#000002}body{font-family:Roboto,sans-serif;line-height:1.7;color:#d0d0e0;font-weight:300}#cosmic-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;z-index:0;outline:none}.content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:20px}.main-layout{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:15px}@media (min-width: 769px){.main-layout{flex-direction:row;align-items:flex-start;gap:60px;justify-content:center}.left-column{flex:1;max-width:500px;display:flex;flex-direction:column;align-items:center}.right-column{flex:1;max-width:400px;display:flex;flex-direction:column;align-items:center;margin-top:60px}}a{color:#58a6ff;text-decoration:none;transition:color .2s ease-in-out,text-decoration .2s ease-in-out}a:hover,a:focus{color:#80bfff;text-decoration:underline}h1,h2{font-family:Orbitron,sans-serif;color:#c9d1d9;margin-bottom:.5em;letter-spacing:1px}header{text-align:center;padding:15px 0;width:100%;max-width:960px;margin-bottom:15px}@media (max-width: 768px){header{border-bottom:1px solid #30363d;margin-bottom:20px}}header h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;color:#f0f6fc;text-shadow:0 0 7px rgba(100,150,255,.5),0 0 13px rgba(100,150,255,.3);margin-bottom:8px}header h1 span{color:#ffac4d;font-weight:900}.tagline{font-size:clamp(.8rem,1.6vw,1rem);color:#8b949e;margin-top:0;margin-bottom:8px;font-family:Roboto,sans-serif;font-weight:400}.hero-section{text-align:center;margin:10px 0 20px;width:100%;max-width:960px}#mascot-image{max-width:100%;width:280px;height:auto;display:block;margin:0 auto;opacity:0;animation:fadeInMascot 1s ease-out .5s forwards}@keyframes fadeInMascot{to{opacity:1}}main{flex-grow:1;width:100%;display:flex;flex-direction:column;align-items:center}.contact-section{text-align:center;margin-bottom:30px;width:100%;max-width:550px}.contact-section h2{font-size:clamp(1.2rem,2.5vw,1.5rem);margin-bottom:15px}.contact-card{background-color:#161b22e6;padding:20px 25px;border-radius:8px;box-shadow:0 6px 18px #00000073;border:1px solid #30363d}.contact-person{font-family:Orbitron,sans-serif;font-size:1.3em;color:#f0f6fc;margin-bottom:12px;font-weight:700}.contact-detail{font-size:1em;margin-bottom:10px;line-height:1.4}.contact-detail:last-child{margin-bottom:0}.contact-detail a{display:inline-block;padding:4px 0}footer{text-align:center;padding:20px 0 10px;width:100%;max-width:960px;border-top:1px solid #30363d;margin-top:auto;font-size:.8em;color:#8b949e}@media (max-width: 768px){.content-overlay{padding:15px}.main-layout{flex-direction:column;gap:15px;align-items:center}.left-column,.right-column{width:100%;max-width:none;align-items:center}.right-column{margin-top:0}header{order:1}.donate-section{order:2;position:relative;margin-bottom:20px;padding-bottom:20px}.donate-section:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:#30363d}.hero-section{order:3;margin-top:10px}main{order:4}#mascot-image{width:220px}.contact-card{padding:15px 20px}}@media (max-width: 480px){body{font-size:14px}.content-overlay{padding:10px}header h1{font-size:clamp(1.6rem,5vw,2.2rem)}.tagline{font-size:clamp(.75rem,2vw,.9rem)}.hero-section{margin:15px 0 25px}#mascot-image{width:180px}}.donate-section{margin-bottom:30px;width:100%;display:flex;justify-content:center}.donate-button{margin:0;padding:12px 24px;background:linear-gradient(135deg,#58a6ff26,#58a6ff40);border:1px solid #58a6ff;border-radius:25px;color:#58a6ff;font-family:Orbitron,sans-serif;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:600;cursor:pointer;transition:all .3s ease;text-shadow:0 0 8px rgba(88,166,255,.4);box-shadow:0 0 15px #58a6ff33,inset 0 1px #ffffff1a;letter-spacing:.5px;display:inline-flex;align-items:center;gap:8px;opacity:0;animation:fadeInButton 1s ease-out 1s forwards}.donate-button:hover{background:linear-gradient(135deg,#58a6ff40,#58a6ff59);border-color:#80bfff;color:#80bfff;transform:translateY(-2px);box-shadow:0 0 25px #58a6ff66,inset 0 1px #ffffff26;text-shadow:0 0 12px rgba(128,191,255,.6)}.donate-button:active{transform:translateY(0);box-shadow:0 0 15px #58a6ff4d,inset 0 1px #ffffff1a}.donate-icon{font-size:1.1em;color:#ffac4d;text-shadow:0 0 8px rgba(255,172,77,.5);animation:twinkle 2s ease-in-out infinite}@keyframes fadeInButton{to{opacity:1}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000002d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;padding:20px;box-sizing:border-box}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background:#161b22;border:1px solid #30363d;border-radius:12px;box-shadow:0 20px 40px #0009,0 0 30px #58a6ff1a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.9) translateY(20px);transition:all .3s ease}.modal-overlay.show .modal-content{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;color:#8b949e;font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:1}.modal-close:hover{color:#58a6ff}.modal-header{padding:30px 30px 20px;text-align:center;border-bottom:1px solid #30363d}.modal-header h2{font-family:Orbitron,sans-serif;font-size:clamp(1.3rem,3vw,1.6rem);color:#f0f6fc;margin-bottom:8px;text-shadow:0 0 10px rgba(240,246,252,.3)}.modal-header p{color:#8b949e;font-size:.9rem;margin:0;line-height:1.4}.modal-body{padding:30px;display:flex;justify-content:center;align-items:center;text-align:center}.modal-body stripe-buy-button{width:100%!important;max-width:400px!important;display:block!important;margin:0 auto!important}@media (max-width: 768px){.modal-content{max-width:95vw;margin:10px}.modal-header{padding:25px 20px 15px}.modal-body{padding:20px}.donate-button{padding:10px 20px;font-size:.8rem}}@media (max-width: 480px){.modal-header h2{font-size:1.2rem}.modal-header p{font-size:.8rem}.donate-button{margin-top:12px;padding:8px 16px;font-size:.75rem}}#easter-egg-trigger{cursor:pointer;transition:color .2s ease}#easter-egg-trigger:hover{color:#58a6ff}.mascot-clickable{cursor:pointer;transition:transform .2s ease,filter .2s ease}.mascot-clickable:hover{transform:scale(1.02);filter:brightness(1.1)}.easter-egg-content{max-width:90vw;max-height:90vh;background:#161b22;padding:20px}.easter-egg-body{display:flex;justify-content:center;align-items:center;padding:0}.easter-egg-image{max-width:100%;max-height:80vh;width:auto;height:auto;border-radius:15px;box-shadow:0 15px 35px #000000b3,0 5px 15px #0006;object-fit:contain}@media (max-width: 768px){.easter-egg-content{max-width:95vw;padding:15px}.easter-egg-image{max-height:70vh;border-radius:12px}}@media (max-width: 480px){.easter-egg-content{padding:10px}.easter-egg-image{max-height:60vh;border-radius:10px}}