html,body{margin:0 auto;max-width:750px;color:#1a1a1a;font-family:Roboto,sans-serif;font-weight:500;font-style:normal;background:#fff;line-height:1.6;padding-top:60px}header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;align-items:center;height:70px;background:#fff;border-bottom:2px solid #007d8f}header img{height:54px;width:auto}footer{text-align:center;padding:20px 0;background:transparent;margin-top:40px}footer img{max-width:150px;height:auto}.debug-section{position:sticky;top:0;z-index:999;margin:0 auto 20px;max-width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 12px 12px}.debug-console{background:#f5f5f5;color:#1a1a1a;padding:20px;border-radius:8px;border:1px solid #ddd}.debug-console h4{margin:0 0 10px;color:#007d8f;font-size:16px}.debug-console p{margin:0;font-size:14px;color:#555}main{padding:0 20px}.user-info{text-align:center;margin:30px 0}.user-info h2{margin:0 0 10px;font-size:24px;color:#1a1a1a}.user-info p{margin:0;color:#555}.demo-section{margin:40px 0;padding:20px;background:#fff;border-radius:15px;border:2px solid rgba(0,125,143,.2);box-shadow:0 4px 16px #00000014}.demo-section h3{display:inline-block;margin:0 0 20px;font-size:14px;font-weight:700;color:#000;background:#ffc700;padding:4px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.demo-content{text-align:center;margin-bottom:20px}.demo-content img{display:block;margin:0 auto 15px;border-radius:8px;box-shadow:0 4px 8px #00000026}.demo-content video{display:none;width:250px;height:250px;margin:0 auto 15px;border-radius:8px;box-shadow:0 4px 8px #00000026}.demo-content video.active{display:block}.demo-button{width:100%;max-width:300px;height:60px;padding:0;background:#007d8f;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin:10px 0;box-shadow:0 2px 8px #007d8f4d;text-transform:uppercase;letter-spacing:1px}.demo-button:hover{background:#006475;transform:translateY(-2px);box-shadow:0 4px 12px #007d8f66}.demo-button:active{transform:translateY(0);box-shadow:0 2px 4px #007d8f4d}.demo-button[data-done=true]{background:#007d8f;color:#fff;box-shadow:0 2px 8px #007d8f80}.demo-button[data-done=true]:hover{background:#006475;box-shadow:0 4px 12px #007d8f99}small{display:block;margin:10px auto;text-align:center;font-size:12px;color:#777;max-width:300px}.api-docs{background:#f8f8f8;padding:15px;border-radius:12px;margin-top:15px;border-left:4px solid #007d8f;box-shadow:0 2px 8px #0000000f}.api-docs h4{margin:0 0 10px;color:#007d8f;font-size:14px;font-weight:700}.api-docs p{margin:8px 0;font-size:13px;color:#444}.api-docs pre{background:#1a1a1a;padding:10px;border-radius:4px;overflow-x:auto;margin:10px 0;font-size:12px;color:#e0e0e0}.api-docs code{font-family:Courier New,monospace;font-size:12px}.api-docs ul{margin:10px 0;padding-left:20px;overflow-wrap:anywhere}.api-docs li{margin:5px 0;font-size:13px;color:#444}.api-docs strong{color:#007d8f}.password-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#ffffff8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.password-card{background:#fff;border:2px solid rgba(0,125,143,.2);border-radius:20px;box-shadow:0 8px 40px #007d8f2e;padding:40px 32px 32px;width:320px;max-width:90vw;text-align:center}.password-logo{height:54px;width:auto;margin:0 auto 20px;display:block}.password-card h2{margin:0 0 6px;font-size:20px;font-weight:700;color:#1a1a1a}.password-sub{margin:0 0 20px;font-size:13px;color:#777}.password-field input{width:100%;box-sizing:border-box;padding:12px 16px;border:1px solid #ccc;border-radius:10px;font-size:15px;color:#1a1a1a;background:#fafafa;outline:none;text-align:center;letter-spacing:.1em}.password-field input:focus{border-color:#007d8f;box-shadow:0 0 0 3px #007d8f26;background:#fff}.password-error{margin:8px 0 0;font-size:13px;color:#c0392b;font-weight:600}.token-row{margin-top:12px;display:flex;flex-direction:column;gap:4px}.token-row label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#007d8f}.token-row input{width:100%;box-sizing:border-box;padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:12px;font-family:Courier New,monospace;color:#1a1a1a;background:#fff;outline:none}.token-row input:focus{border-color:#007d8f;box-shadow:0 0 0 2px #007d8f26}.user-info{margin:20px 20px 0}.user-profile-card{background:#f0fafb;border:1px solid rgba(0,125,143,.25);border-radius:12px;padding:16px 20px}.user-profile-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid rgba(0,125,143,.1);font-size:14px}.user-profile-row:last-child{border-bottom:none}.profile-label{color:#007d8f;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-right:12px}.comms-options{display:flex;justify-content:center;gap:30px;margin:10px 0 16px}.comms-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1a1a1a;cursor:pointer}.comms-label input[type=checkbox]{width:18px;height:18px;accent-color:#007d8f;cursor:pointer}@media (max-width: 600px){.demo-section{margin:20px 0;padding:15px}.demo-button{max-width:100%}.api-docs{padding:10px}.api-docs pre{font-size:11px}}