body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at bottom,#0d1a2d 0,#000 100%);z-index:-1}body{font-family:Rubik,sans-serif;background:linear-gradient(to bottom right,#1e1e2f,#13131f);color:#f0f0f0;min-height:100vh;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 15px}h1{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 0 15px rgba(0,0,0,.5);margin-bottom:40px}h2{font-size:2rem;font-weight:600;margin-bottom:25px;color:#ddd;text-align:center}footer{margin-top:40px;font-size:.9rem;color:#888;text-align:center}section .grid>div{transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}section .grid>div:hover{transform:translateY(-6px);box-shadow:0 12px 25px rgba(0,0,0,.5),0 10px 25px rgba(0,0,0,.4)}button{transition:background .3s,transform .2s,box-shadow .2s;font-weight:600}button:hover{transform:scale(1.05);box-shadow:0 0 15px rgba(255,255,255,.3)}h2{font-size:2rem;font-weight:600;margin-bottom:25px;color:#ddd;text-align:center}section .grid>div:hover{transform:translateY(-6px);box-shadow:0 12px 25px rgba(0,0,0,.5);box-shadow:0 0 25px rgba(59,130,246,.6)}section .grid>div:nth-child(2):hover{box-shadow:0 0 25px rgba(255,215,0,.6)}section .grid>div:nth-child(3):hover{box-shadow:0 0 25px rgba(168,85,247,.6)}button{transition:background .3s,transform .2s,box-shadow .2s}.collapsible{cursor:pointer;user-select:none;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .3s;display:flex;align-items:center;gap:.5rem}.collapsible:hover{background-color:rgba(255,255,255,.05)}.arrow{transition:transform .3s ease;display:inline-block;font-weight:700;user-select:none}.collapsible.active .arrow{transform:rotate(90deg)}.collapsible small{font-weight:400;font-size:.75rem;color:#888;margin-left:auto;user-select:none}.content{display:none;margin-top:.5rem;padding-left:1rem;animation:fadeIn .3s ease-in-out}.content.show{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}