.container{display:flex;min-height:90vh;min-width:100vw;padding:0 20px;box-sizing:border-box}.containerKaBeta{width:100%;max-width:1200px;margin:auto;padding:40px 0}.heroSection{text-align:center;margin-bottom:80px;animation:fadeInUp .8s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.imageContainer{width:200px;margin:0 auto 30px;position:relative}.logoImage{border-radius:20px;transition:transform .3s ease}.logoImage:hover{transform:scale(1.05) rotate(2deg)}.siteTitle{font-size:3.5rem;font-weight:700;margin:20px 0;letter-spacing:1px;background:linear-gradient(135deg,currentColor,currentColor);-webkit-background-clip:text;background-clip:text}.siteTagline{font-size:1.25rem;opacity:.7;max-width:600px;margin:15px auto;line-height:1.6}.siteMeta{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:25px;flex-wrap:wrap}.metaItem{font-size:.95rem;opacity:.6;font-weight:500}.metaDivider{opacity:.3;font-weight:300}.gridContainer{max-width:900px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:0 20px;animation:fadeIn 1s ease .3s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gridItem{min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px 20px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.gridItem:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,50%,.05),transparent);opacity:0;transition:opacity .3s ease}.gridItem:hover:before{opacity:1}.gridItem:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.gridIcon{font-size:48px;margin-bottom:15px;transition:transform .3s ease}.gridItem:hover .gridIcon{transform:scale(1.15) rotate(5deg)}.gridDescription{font-size:14px;opacity:.6;line-height:1.4;margin:8px 0 0}.footerSection{text-align:center;padding:40px 20px 20px;border-top:1px solid hsla(0,0%,50%,.2);margin-top:40px;animation:fadeIn 1.2s ease .5s both}.footerText{font-size:1rem;opacity:.6;margin-bottom:20px;font-style:italic}.socialLinks{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.socialLink{font-size:.95rem;font-weight:500;text-decoration:none;padding:8px 18px;border-radius:20px;background-color:hsla(0,0%,50%,.1);transition:all .3s ease;border:1px solid hsla(0,0%,50%,.2)}.socialLink:hover{background-color:hsla(0,0%,50%,.2);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.1)}@media (max-width:768px){.heroSection{margin-bottom:60px}.siteTitle{font-size:2.5rem}.siteTagline{font-size:1.1rem}.siteMeta{gap:8px}.metaItem{font-size:.85rem}.gridContainer{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:50px}.gridItem{min-height:180px;padding:20px 15px}.gridIcon{font-size:40px}.gridDescription{font-size:13px}.footerSection{padding:30px 20px 20px}.socialLinks{gap:15px}}@media (max-width:600px){.siteTitle{font-size:2rem}.siteTagline{font-size:1rem}.imageContainer{width:150px;margin-bottom:20px}.gridContainer{grid-template-columns:1fr;max-width:300px;gap:12px}.gridItem{min-height:160px}}@media (max-width:480px){.containerKaBeta{padding:20px 0}.heroSection{margin-bottom:40px}.siteTitle{font-size:1.75rem}.siteTagline{font-size:.95rem}.siteMeta{flex-direction:column;gap:8px}.metaDivider{display:none}.gridIcon{font-size:36px}.socialLinks{flex-direction:column;align-items:center;gap:10px}.socialLink{width:200px;text-align:center}}@media (prefers-color-scheme:dark){.gridItem:hover{box-shadow:0 8px 20px rgba(0,0,0,.3)}.socialLink:hover{box-shadow:0 4px 10px rgba(0,0,0,.2)}}