:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.app{min-height:100vh;position:relative;color:#fff;font-family:Inter,sans-serif}.header{padding:2rem;text-align:center}.header h1{font-size:4rem;margin:0;font-weight:700;background:linear-gradient(45deg,#ff3366,#ff6b6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.header p{font-size:1.5rem;margin-top:1rem;opacity:.9}.main-content{max-width:1200px;margin:0 auto;padding:2rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.feature-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:1rem;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h2{font-size:1.5rem;margin-bottom:1rem;color:#f36}.feature-card p{font-size:1rem;line-height:1.6;opacity:.9}@media (max-width: 768px){.header h1{font-size:3rem}.features{grid-template-columns:1fr}}