*{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}.container{max-width:800px;margin:0 auto;padding:40px 20px}.card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 10px 40px rgba(0,0,0,.1);margin-bottom:24px}h1{font-size:32px;color:#1a202c;margin-bottom:8px}h2{font-size:24px;color:#2d3748;margin-bottom:16px}.subtitle{color:#718096;font-size:16px;margin-bottom:32px}.info-box{background:#f7fafc;border-left:4px solid #667eea;padding:16px;margin:20px 0;border-radius:4px}.info-box p{color:#4a5568;line-height:1.6}.code-block{background:#2d3748;color:#e2e8f0;padding:16px;border-radius:8px;overflow-x:auto;font-family:Courier New,monospace;font-size:14px;margin:16px 0}.button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-block;text-decoration:none}.button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-info{margin-top:24px}.user-info-item{display:flex;padding:12px 0;border-bottom:1px solid #e2e8f0}.user-info-item:last-child{border-bottom:none}.user-info-label{font-weight:600;color:#4a5568;width:120px;flex-shrink:0}.user-info-value{color:#1a202c;font-family:Courier New,monospace}.error-box{background:#fed7d7;border-left:4px solid #f56565;color:#c53030}.error-box,.success-box{padding:16px;margin:20px 0;border-radius:4px}.success-box{background:#c6f6d5;border-left:4px solid #48bb78;color:#22543d}.loading{display:flex;align-items:center;justify-content:center;padding:40px}.spinner{border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-right:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.step{display:flex;margin-bottom:20px}.step-number{background:#667eea;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:16px;flex-shrink:0}.step-content{flex:1 1}.step-title{font-weight:600;color:#2d3748;margin-bottom:4px}.step-description{color:#718096;font-size:14px}