*{box-sizing:border-box}body{margin:0}#root{max-width:100%;margin:0 auto}.app{color:#333;background:linear-gradient(135deg,#fff5f5 0%,#fff0e6 100%);flex-direction:column;min-height:100vh;font-family:Segoe UI,Hiragino Sans,sans-serif;display:flex}.header{border-bottom:1px solid #ff6b6b26;align-items:center;padding:20px 32px;display:flex}.header-logo{height:40px}.main{flex-direction:column;flex:1;align-items:center;gap:48px;padding:48px 20px;display:flex}.hero-section{text-align:center;max-width:600px}.hero-icon{margin-bottom:24px}.hero-section h1{background:linear-gradient(135deg,#ff6b6b,#ff8e53);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:2.4rem;font-weight:800;line-height:1.3}.subtitle{color:#666;margin:0;font-size:1.1rem}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;max-width:960px;display:grid}.feature-card{text-align:center;background:#fff;border-radius:16px;padding:28px 24px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 12px #ff6b6b14}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ff6b6b26}.feature-emoji{margin-bottom:12px;font-size:2rem;display:block}.feature-card h3{color:#333;margin:0 0 8px;font-size:1.1rem;font-weight:700}.feature-card p{color:#666;margin:0;font-size:.9rem;line-height:1.5}.footer{text-align:center;color:#999;border-top:1px solid #ff6b6b1a;padding:24px;font-size:.85rem}.footer p{margin:0}