*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.app{max-width:800px;margin:0 auto;padding:2rem}.header{text-align:center;color:#fff;margin-bottom:3rem}.header h1{font-size:3rem;margin-bottom:.5rem}.subtitle{font-size:1.2rem;opacity:.9}.main{display:flex;flex-direction:column;gap:1.5rem}.card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.card h2{color:#667eea;margin-bottom:1rem}.card h3{color:#555;margin-bottom:1rem;font-size:1.3rem}.card p{line-height:1.6;color:#666}.card.warning{background:#fff3cd;border-left:4px solid #ffc107}.card.warning h3,.card.warning p{color:#856404}.card.info{background:#d1ecf1;border-left:4px solid #0dcaf0}.card.info h3{color:#055160}.card.info ol{margin-left:1.5rem;color:#055160}.card.info li{margin-bottom:.5rem;line-height:1.6}.build-info{width:100%;border-collapse:collapse}.build-info td{padding:.75rem 0;border-bottom:1px solid #eee}.build-info td:first-child{width:40%}.build-info code{background:#f5f5f5;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#667eea}.footer{text-align:center;color:#fff;margin-top:3rem;opacity:.9;font-size:.9rem}@media (max-width: 600px){.app{padding:1rem}.header h1{font-size:2rem}.card{padding:1.5rem}}