@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";html,body,#root{margin:unset}#canvas{width:100vw;height:100dvh}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(./lexend-vietnamese-400-normal-DoLa7jNB.woff2) format("woff2"),url(./lexend-vietnamese-400-normal-mPlHoWg5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(./lexend-latin-ext-400-normal-D38JI5AK.woff2) format("woff2"),url(./lexend-latin-ext-400-normal-D9P7pMo-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(./lexend-latin-400-normal-CwRJVcUA.woff2) format("woff2"),url(./lexend-latin-400-normal-CHypAkT3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.bxp-device-tester{display:flex;flex-direction:column;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0006;max-width:650px;margin:0 auto;font-family:Plus Jakarta Sans,sans-serif;color:#9ca3af;border:1px solid rgba(255,255,255,.1)}.dt-header{background:linear-gradient(to right,#3b82f6,#a855f7);color:#fff;padding:40px 24px;text-align:center}.dt-header h1{margin:0 0 12px;font-size:2rem;font-weight:700;letter-spacing:-.03em;color:#fff}.dt-header p{opacity:.9;font-size:1rem;line-height:1.6;max-width:90%;margin:0 auto}.dt-content{padding:32px 24px}.dt-controls{display:flex;justify-content:flex-end;margin-bottom:24px}.dt-toggle{display:flex;align-items:center;font-size:.85rem;color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.dt-toggle:hover{color:#fff}.dt-toggle input{margin-right:10px;accent-color:#a855f7;cursor:pointer;width:18px;height:18px}.checks-container{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.check-item{display:flex;align-items:flex-start;padding:20px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.check-item:hover{transform:translateY(-2px);background:#ffffff0d;border-color:#ffffff1a}.status-pass{border-left:4px solid #10b981}.status-fail{border-left:4px solid #ef4444}.status-warning{border-left:4px solid #f59e0b}.status-pending{border-left:4px solid #3b82f6}.check-icon{width:24px;height:24px;margin-right:16px;margin-top:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.icon-svg{width:100%;height:100%}.check-info{flex:1}.check-info h3{margin:0 0 6px;font-size:1.1rem;font-weight:600;color:#fff}.check-summary{margin:0;font-size:.95rem;color:#9ca3af;line-height:1.5}.check-details-tech{margin-top:12px;padding:10px 14px;background:#0000004d;border-radius:8px;font-size:.8rem;color:#6b7280;border:1px solid rgba(255,255,255,.05);overflow-x:auto}.check-details-tech code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dt-actions{text-align:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:16px;align-items:center}.dt-btn{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600;padding:14px 32px;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;outline:none}.dt-btn-solid{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600;padding:14px 32px;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;outline:none;background:linear-gradient(135deg,#3b82f6,#a855f7);color:#fff;box-shadow:0 4px 15px #3b82f64d,inset 0 1px 1px #fff3;position:relative;overflow:hidden}.dt-btn-solid:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.dt-btn-solid:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #3b82f666,inset 0 1px 1px #ffffff4d}.dt-btn-solid:hover:not(:disabled):before{left:100%}.dt-btn-solid:active:not(:disabled){transform:translateY(1px)}.dt-btn-solid:disabled{background:#374151;color:#9ca3af;cursor:not-allowed;box-shadow:none}.btn-gradient-border{padding:2px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#a855f7,#3b82f6);background-size:200% 200%;animation:border-rotate 4s linear infinite;display:inline-block;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn-gradient-border:hover{transform:translateY(-3px) scale(1.02)}.btn-gradient-border .btn-content{background:#000;color:#fff;padding:12px 30px;border-radius:14px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background .3s;height:100%;width:100%;border:none;font-family:inherit}.btn-gradient-border:hover .btn-content{background:#ffffff0d}@keyframes border-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dt-summary{margin-top:40px;padding:32px;background:#ffffff05;border-radius:16px;border:1px solid rgba(59,130,246,.2);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dt-summary h2{margin:0 0 16px;color:#fff;font-size:1.5rem;font-weight:700}.grade-badge{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:30px;font-weight:800;font-size:1.5rem;box-shadow:0 4px 12px #10b9814d;margin-bottom:20px}.grade-desc{margin:0;font-size:1.05rem;color:#9ca3af;line-height:1.6}.dt-bonus{margin-top:32px;padding-top:24px;border-top:1px dashed rgba(59,130,246,.3);text-align:left}.dt-bonus h3{margin:0 0 12px;color:#3b82f6;font-size:1.1rem;font-weight:600}.dt-bonus p{margin:0;font-size:.95rem;color:#9ca3af;line-height:1.6}.dt-demo-section{margin:32px 0;padding:40px 24px;background:linear-gradient(135deg,#3b82f61a,#a855f71a);border-radius:24px;border:1px solid rgba(255,255,255,.1);text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0003}.dt-demo-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);animation:pulse-glow 8s infinite alternate;pointer-events:none}@keyframes pulse-glow{0%{transform:translate(-10%,-10%) scale(1)}to{transform:translate(10%,10%) scale(1.1)}}.dt-demo-section p{font-size:1.1rem;color:#fff;margin-bottom:24px;font-weight:500;position:relative;z-index:1}.ar-overlay-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080}.ar-instruction{color:#fff;font-size:.9rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width:600px){.bxp-device-tester{border-radius:0;border:none}.dt-content{padding:24px 16px}.dt-header{padding:32px 16px}}