*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0a0a2e,#1a1a4e 50%,#0d0d3d);color:#e0e0e0;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{text-align:center;padding:60px 20px 40px}.title{font-size:3rem;font-weight:700;background:linear-gradient(90deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.2rem;color:#88a;margin-top:12px}.hero{text-align:center;padding:40px 20px;background:hsla(0,0%,100%,.03);border-radius:16px;margin:20px 0}.welcome{font-size:2rem;color:#fff;margin-bottom:16px}.intro{font-size:1.1rem;color:#aac;max-width:600px;margin:0 auto}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;padding:40px 0}.feature-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:32px 24px;text-align:center;transition:transform .3s,border-color .3s}.feature-card:hover{transform:translateY(-4px);border-color:#00d4ff}.feature-card h3{font-size:1.3rem;color:#00d4ff;margin-bottom:12px}.feature-card p{color:#88a;font-size:.95rem}.footer{text-align:center;padding:40px 20px;color:#668;font-size:.9rem;border-top:1px solid hsla(0,0%,100%,.05);margin-top:40px}@media (max-width:768px){.title{font-size:2rem}.welcome{font-size:1.5rem}.features{grid-template-columns:1fr;gap:16px}.header{padding:40px 16px 24px}.hero{padding:24px 16px}}@media (min-width:769px) and (max-width:1024px){.features{grid-template-columns:repeat(2,1fr)}.title{font-size:2.5rem}}