:root{font-family:Segoe UI,PingFang SC,sans-serif;color:#e8ecf3;background:radial-gradient(circle at top,rgba(34,197,94,.2),transparent 35%),linear-gradient(180deg,#0b1220,#111827)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}html.im-page-scroll-locked,body.im-page-scroll-locked{width:100%;height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none;background:#fff}.im-page-loading{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:radial-gradient(circle at 50% 42%,rgba(42,92,255,.08),transparent 30%),linear-gradient(180deg,#fbfdff,#f4f8ff);color:#1f2b44;overflow:hidden;transition:opacity .22s ease,visibility .22s ease}.im-page-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.78) 46%,transparent 74%);opacity:.5;pointer-events:none}.im-page-loading--hidden{opacity:0;visibility:hidden;pointer-events:none}.im-page-loading__panel{position:relative;width:min(220px,100%);display:flex;flex-direction:column;align-items:center;gap:18px;padding:0}.im-page-loading__top{display:grid;place-items:center}.im-page-loading__mark{position:relative;width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:999px}.im-page-loading__ring{position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from 0deg,#2a5cff00,#2a5cff,#12c7c7,#2a5cff00);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));animation:im-page-loading-spin .9s linear infinite}.im-page-loading__dot{position:absolute;inset:13px;border-radius:inherit;background:#2a5cff;opacity:.16}.im-page-loading__text{margin-top:14px;font-size:13px;line-height:1.45;color:#66758f;text-align:center;word-break:break-word}.im-page-loading__text[hidden]{display:none}.im-page-loading__progress{position:relative;width:112px;height:3px;overflow:hidden;border-radius:999px;background:#2a5cff17}.im-page-loading__progress span{position:absolute;inset:0 auto 0 0;width:48%;border-radius:inherit;background:linear-gradient(90deg,#2a5cff00,#2a5cff,#12c7c7);box-shadow:0 0 14px #2a5cff4d;animation:im-page-loading-progress 1.25s ease-in-out infinite}.im-page-loading--error .im-page-loading__mark{background:#ef44441a;box-shadow:inset 0 0 0 1px #ef44442e}.im-page-loading--error .im-page-loading__text{display:block}.im-page-loading--error .im-page-loading__ring,.im-page-loading--error .im-page-loading__dot,.im-page-loading--error .im-page-loading__progress{display:none}.im-page-loading--error .im-page-loading__mark:before,.im-page-loading--error .im-page-loading__mark:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:18px;border-radius:999px;background:#ef4444}.im-page-loading--error .im-page-loading__mark:before{transform:translate(-50%,-50%) rotate(45deg)}.im-page-loading--error .im-page-loading__mark:after{transform:translate(-50%,-50%) rotate(-45deg)}@keyframes im-page-loading-spin{to{transform:rotate(360deg)}}@keyframes im-page-loading-progress{0%{transform:translate(-110%)}55%,to{transform:translate(230%)}}@media(prefers-reduced-motion:reduce){.im-page-loading,.im-page-loading__ring,.im-page-loading__progress span{transition:none;animation:none}}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.hero{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,420px);gap:24px;align-items:stretch}.panel{width:100%;padding:32px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0f172ad1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 80px #00000059}.panel--copy{display:flex;flex-direction:column;justify-content:center}.panel--widget{padding:18px}.eyebrow{margin:0 0 12px;color:#86efac;text-transform:uppercase;letter-spacing:.12em;font-size:12px}h1{margin:0;font-size:clamp(32px,6vw,48px);line-height:1.05}.copy{margin:16px 0 0;color:#cbd5e1;font-size:16px;line-height:1.6}.code{margin:24px 0 0;padding:20px;border-radius:16px;background:#020617e6;color:#bfdbfe;overflow:auto}@media(max-width:960px){.hero{grid-template-columns:1fr}}
