*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(to right,#0f2027,#203a43,#2c5364);color:#fff;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}header{padding:1rem;text-align:center}header h1{font-size:2.2rem;background:linear-gradient(45deg,#00c6ff,#0072ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}header p{font-size:1rem;margin-top:.3rem;color:#ccc}header .logo{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}header .logo svg,header .logo img{max-width:350px;height:auto}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center}.intro{max-width:700px;margin:1rem 0;font-size:1.1rem;color:#eaeaea}.social{margin:1.5rem 0;display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap}.social a{display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;background:#ffffff1a;transition:transform .3s ease,background .3s ease}.social a:hover{transform:scale(1.15);background:#fff3}.social img{height:28px;width:28px}.yt{filter:invert(27%) sepia(98%) saturate(6428%) hue-rotate(353deg) brightness(96%) contrast(106%)}.fb{filter:invert(35%) sepia(97%) saturate(1950%) hue-rotate(201deg) brightness(95%) contrast(103%)}.cta-section{margin:2rem 0;background:#ffffff0d;padding:1.5rem;border-radius:12px;max-width:700px}.cta-section h3{margin-bottom:.5rem;color:#00c6ff}.cta-section form{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.cta-section input[type=email]{padding:.6rem;border-radius:8px;border:none;outline:none;width:70%;max-width:300px}.cta-section button{padding:.6rem 1rem;border:none;border-radius:8px;background:#00c6ff;color:#fff;cursor:pointer;font-weight:600;transition:background .3s}.cta-section button:hover{background:#0072ff}.support-btn{display:inline-block;margin-top:1rem;padding:.6rem 1.2rem;border-radius:8px;background:#fd0;color:#000;text-decoration:none;font-weight:600;transition:background .3s}.support-btn:hover{background:#ffb400}.content-section{margin:2rem 0;max-width:900px;padding:1rem;text-align:center}.content-section h3{margin-bottom:1rem;font-size:1.5rem;color:#00c6ff}.links{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.card{flex:1 1 300px;min-width:250px;max-width:500px;background:#ffffff14;padding:1rem;border-radius:12px;text-align:left;transition:transform .3s ease,background .3s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);background:#ffffff1f}.card h2{font-size:1.3rem;margin-bottom:.3rem;color:#00c6ff}.card p{font-size:.95rem;color:#ccc}.experiments{background:#ffffff0d;padding:2rem 1rem;border-radius:12px;margin:2rem auto;max-width:1100px}.experiments h3{text-align:center;font-size:1.8rem;margin-bottom:1.5rem;color:#00c6ff}.experiment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;max-width:900px;margin:1rem auto}.experiment-card{background:linear-gradient(145deg,#111,#1a1a1a);padding:.8rem 1rem;border-radius:10px;border:1px solid rgba(0,198,255,.15);text-align:center;text-decoration:none;color:#eee;transition:transform .25s ease,box-shadow .25s ease,border .25s ease}.experiment-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00c6ff33;border:1px solid #00c6ff}.experiment-card .emoji{font-size:1.5rem;margin-bottom:.4rem}.experiment-card h2{font-size:1.1rem;margin-bottom:.4rem;color:#00c6ff}.experiment-card p{font-size:.85rem;color:#ccc;line-height:1.3}.view-all-wrapper{text-align:center;margin-top:1.8rem}.view-all{display:inline-block;padding:.6rem 1.2rem;border-radius:8px;background:#00c6ff;color:#fff;text-decoration:none;font-weight:600;transition:background .3s}.view-all:hover{background:#0072ff}footer{text-align:center;padding:.8rem;font-size:.85rem;background:#ffffff0d}footer a{color:#00c6ff;text-decoration:none;margin:0 .5rem}footer a:hover{color:#fff}.fade-in{opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}#three-container{width:90%;max-width:900px;aspect-ratio:1 / 1;margin:2rem auto;border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 480px){#three-container{width:95%;aspect-ratio:1 / 1}}#three-container:before{content:"Loading 3D Scene...";position:absolute;color:#bbb;font-size:.9rem;font-style:italic;letter-spacing:.5px;opacity:.6;transition:opacity .6s ease}#three-container.ready:before{opacity:0;visibility:hidden}@media (max-width: 1024px){.cta-section,.experiments{max-width:90%}}@media (max-width: 768px){.cta-section input[type=email],.cta-section button{width:100%;max-width:none;margin-left:0}.experiment-grid{grid-template-columns:1fr}}@media (max-width: 480px){.cta-section,.experiments{padding:1rem}.experiment-card{padding:.6rem .8rem}header h1{font-size:1.8rem}.intro{font-size:1rem}}
