*{margin:0;padding:0;box-sizing:border-box}html,body{background:#1a1a1a;color:#e0e0e0;font-family:'Roboto',sans-serif;line-height:1.6}.wrapper{max-width:1000px;margin:0 auto;padding:2rem}.header{text-align:center;padding:2rem 0;border-bottom:2px solid #00d4ff}.header h1{font-size:2.5rem;color:#00d4ff;margin-bottom:0.5rem}.subtitle{color:#999}.content{padding:2rem 0}.intro{text-align:center;padding:2rem;background:#0d0d0d;margin-bottom:3rem;border:1px solid #333}.intro h2{font-size:2rem;color:#00d4ff;margin-bottom:1rem}.intro p{color:#bbb}.experiments h2{font-size:1.8rem;color:#e0e0e0;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.experiment{background:#0d0d0d;padding:1.5rem;border:1px solid #333;transition:all 300ms}.experiment:hover{border-color:#00d4ff;box-shadow:0 0 10px rgba(0,212,255,0.2)}.experiment h3{color:#00d4ff;margin-bottom:0.5rem}.experiment p{color:#999}.action{text-align:center;margin:3rem 0}.btn{padding:1rem 2rem;background:#00d4ff;color:#1a1a1a;border:none;font-weight:700;cursor:pointer;border-radius:4px;transition:all 300ms}.btn:hover{background:#00a8cc}@media(max-width:768px){.grid{grid-template-columns:1fr}}