*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#4a90d9,#357abd);color:#fff;padding:40px 20px;text-align:center}.header h1{font-size:28px;margin-bottom:10px}.header p{font-size:14px;opacity:.9}.main{flex:1 1;padding:40px 20px}.footer{padding:20px;text-align:center;background:#fff;border-top:1px solid #e0e0e0}.footer p{font-size:13px;color:#666}.footer code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-size:12px}