body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background-color:#0d0d0d;color:#f2f2f2;overflow-y:auto;height:100vh}.hero-container{display:flex;flex-direction:column;min-height:100vh;align-items:center;justify-content:flex-start;text-align:center;background:linear-gradient(145deg,#0a0a0a,#1a1a1a);padding:3rem 2rem;box-sizing:border-box;animation:fadeIn 2s ease-in-out}.hero-text .title{font-size:3rem;font-weight:700;margin-bottom:.5rem;animation:slideIn 1s ease-out}.hero-text .subtitle{font-size:1.25rem;opacity:.85;margin-bottom:2rem;animation:fadeIn 2s ease-in}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.5rem;gap:1.5rem;width:100%;max-width:1200px}.resource-button{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;background-color:#1a1a1a;border:1px solid #333;border-radius:10px;text-decoration:none;color:#ffffff;transition:transform .2s ease,box-shadow .2s ease;animation:fadeIn .7s ease-in-out forwards}.resource-button:hover{transform:translateY(-5px);box-shadow:0 0 12px #00fff7}.resource-button h3{font-size:1.2rem;margin:0 0 .5rem}.resource-button p{font-size:.95rem;color:#ccc;margin-bottom:.5rem}.category{font-size:.8rem;color:#7efff5;margin-top:auto;text-align:right}