*{box-sizing:border-box}body{color:#333;background:#d8dfea;margin:0;font-family:Tahoma,Verdana,Arial,sans-serif}#root{min-height:100vh}.page{justify-content:center;padding:20px;display:flex}.card{background:#f4f4f4;border:1px solid #b7c1d6;width:100%;max-width:800px;padding:15px}.topbar{color:#fff;background:#3b5998;border-bottom:1px solid #23355b;margin:-15px -15px 15px;padding:8px 12px}.logo{font-family:Helvetica,Arial,sans-serif;font-size:26px;font-weight:700}.tagline{color:#d8dfea;margin-top:2px;font-size:11px}.info-box{background:#eef2f7;border:1px solid #b7c1d6;margin-bottom:15px;padding:10px;font-size:12px}.info-box p{margin:8px 0}.info-box ul{margin:8px 0 0 18px;padding:0}.info-box li{margin-bottom:4px}.label{margin-bottom:4px;font-size:12px;font-weight:700;display:block}.input,.select,.textarea{color:#333;background:#fff;border:1px solid #999;width:100%;padding:6px;font-size:12px}.input:focus,.select:focus,.textarea:focus{border-color:#3b5998;outline:none}.textarea{resize:vertical;min-height:180px}.form-row{gap:12px;margin-top:12px;display:flex}.form-row>div{flex:1}.button{color:#fff;cursor:pointer;background:#4267b2;border:1px solid #23355b;margin-top:15px;padding:7px 12px;font-size:12px;font-weight:700}.button:hover{background:#365899}.button:disabled{opacity:.6;cursor:not-allowed}.button+.button{margin-left:8px}.section{margin-top:15px}.success-box{background:#eef8ea;border:1px solid #8fbf88;margin-top:15px;padding:10px}.warning-box{background:#fff7d6;border:1px solid #d9c46b;margin-top:10px;padding:10px}.share-box{min-height:90px}.code-display{letter-spacing:6px;text-align:center;background:#fff;border:1px solid #999;margin-top:8px;padding:10px;font-family:Courier New,monospace;font-size:28px;font-weight:700}.link-button{color:#3b5998;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:11px;text-decoration:underline}.link-button:hover{color:#23355b}.footer{color:#666;border-top:1px solid #b7c1d6;margin-top:20px;padding-top:10px;font-size:11px}.small-text{color:#666;font-size:11px}hr{border:none;border-top:1px solid #b7c1d6;margin:15px 0}@media (width<=768px){.form-row{flex-direction:column}}