:root{--purple: #7B68EE;--blue: #4169E1;--pink: #FF1493;--teal: #00CED1;--yellow: #FFD700;--coral: #FF7F50;--bg: #FAFAFA;--text: #2A2A2A;font-family:Space Grotesk,sans-serif;line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);overflow-x:visible;min-height:100vh;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;min-height:100vh;display:flex;flex-direction:column;z-index:10;background-color:transparent}.header{text-align:center;padding:4rem 0;position:relative;z-index:11}.logo-container{width:180px;height:180px;margin:0 auto 2rem;position:relative;animation:float 6s ease-in-out infinite;z-index:11}.logo{width:100%;height:100%;object-fit:contain}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.title{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--purple),var(--blue),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradient 3s linear infinite;z-index:11}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.subtitle{color:var(--text);font-size:1.2rem;margin-bottom:.5rem;opacity:.8;z-index:11}.org-name{font-size:1.8rem;color:var(--purple);margin:1rem 0;transition:color .3s ease;z-index:11}.org-name:hover{color:var(--blue)}.content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0;flex:1;position:relative;z-index:11;background-color:transparent}.card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000000d;transition:all .3s ease;position:relative;overflow:visible;z-index:11;opacity:1;visibility:visible}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--purple),var(--blue));opacity:1;transition:opacity .3s ease;z-index:12}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.card:hover:before{opacity:1}.card h2{font-size:1.5rem;margin-bottom:1rem;color:var(--purple);display:flex;align-items:center;gap:.5rem}.services-list{list-style:none}.services-list li{margin-bottom:1rem;padding-left:1.5rem;position:relative;transition:transform .2s ease}.services-list li:hover{transform:translate(5px)}.services-list li:before{content:"→";position:absolute;left:0;color:var(--pink);transition:transform .2s ease}.services-list li:hover:before{transform:translate(3px)}.footer{text-align:center;padding:3rem 0;margin-top:2rem;border-top:1px solid rgba(0,0,0,.1);background:#fff;z-index:11}.footer a{color:var(--blue);text-decoration:none;transition:all .3s ease;position:relative}.footer a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.footer a:hover:after{transform:scaleX(1);transform-origin:left}.geometric-shapes{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:visible}.shape{position:absolute;border-radius:50%;opacity:.15;animation:drift linear infinite}@keyframes drift{0%{transform:translate(0) rotate(0)}to{transform:translate(30px,30px) rotate(360deg)}}@media (max-width: 768px){.container{padding:1rem}.title{font-size:2rem}.org-name{font-size:1.5rem}.logo-container{width:140px;height:140px}.content{grid-template-columns:1fr}.card{padding:1.5rem}}@media (max-width: 480px){.title{font-size:1.75rem}.org-name,.card h2{font-size:1.25rem}}