.container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 25px #0003}.header{text-align:center;padding:2rem 0;border-bottom:2px solid #007acc;margin-bottom:2rem}.header h1{margin-bottom:.5rem;color:#333}.header p{color:#666;margin-bottom:1rem}.info-card{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin:1rem 0;border-left:4px solid #007acc}.info-card.environment{background:#e8f5e8;border-left-color:#28a745}.info-card h3{margin-bottom:1rem;color:#333}.info-card p{margin-bottom:.5rem}.info-card ul,.info-card ol{margin-left:1.5rem}.info-card li{margin-bottom:.5rem}.info-card a{color:#007acc;text-decoration:none}.info-card a:hover{text-decoration:underline}.code{background:#f1f1f1;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9rem}.badge{display:inline-block;background:#007acc;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;margin:.25rem .25rem .25rem 0}.badge.success{background:#28a745}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}#root{max-width:800px;margin:0 auto}code{font-family:Monaco,Menlo,monospace;font-size:.9rem}