*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}code{font-family:Courier New,monospace;background-color:#f4f4f4;padding:2px 6px;border-radius:3px}#root{max-width:1200px;margin:0 auto;padding:2rem}.app{min-height:100vh}nav{background-color:hsla(0,0%,100%,.95);padding:1rem 2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:2rem}nav ul{list-style:none;display:flex;gap:2rem;align-items:center}nav a{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s}nav a:hover{color:#764ba2}.page{background-color:hsla(0,0%,100%,.95);padding:2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}h1{color:#333;margin-bottom:1.5rem;border-bottom:3px solid #667eea;padding-bottom:.5rem}h2{color:#555;margin-top:1.5rem;margin-bottom:1rem}.credentials-section{background-color:#fff8dc;border-left:4px solid orange;padding:1rem;margin:1rem 0;border-radius:5px}.credential-item{margin:.5rem 0;padding:.5rem;background-color:#f9f9f9;border-radius:3px}.credential-label{font-weight:700;color:#555;display:inline-block;min-width:150px}.credential-value{color:#d63031;font-family:Courier New,monospace;word-break:break-all}.warning{background-color:#ffe5e5;border-left:4px solid #d63031}.info,.warning{padding:1rem;margin:1rem 0;border-radius:5px}.info{background-color:#e5f2ff;border-left:4px solid #06c}