.sp-ut-page{color:#09090b;background-color:#fff;flex-direction:column;width:100%;max-width:100vw;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow-x:hidden}.sp-ut-container{max-width:1440px;padding:1.5rem var(--container-padding,1.5rem)4rem var(--container-padding,1.5rem);box-sizing:border-box;width:100%;margin:0 auto}.sp-ut-hero{text-align:center;margin-bottom:2rem;padding:.5rem 1rem 0}.sp-ut-hero-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:1rem;display:flex}.sp-ut-chip-3d{color:#09090b;letter-spacing:.04em;background:#f8fafc;border:1.5px solid #09090b;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 2px #09090b}.sp-ut-chip-3d.accent-green{color:#166534;background:#f0fdf4}.sp-ut-hero h1{letter-spacing:-.03em;color:#09090b;margin:0 0 .65rem;font-size:clamp(1.85rem,3.2vw,2.75rem);font-weight:900;line-height:1.2}.sp-ut-gradient-text{background:linear-gradient(135deg,#0284c7 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.sp-ut-hero p{color:#64748b;max-width:680px;margin:0 auto;font-size:clamp(.92rem,1.2vw,1.05rem);font-weight:500;line-height:1.6}.sp-ut-tutorial-banner-3d{color:#fff;cursor:pointer;background:#09090b;border:2px solid #09090b;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem;transition:all .2s;display:flex;box-shadow:0 6px #09090b}.sp-ut-tutorial-banner-3d:hover{background:#18181b;transform:translateY(-2px);box-shadow:0 8px #09090b}.sp-ut-tutorial-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp-ut-tutorial-tag{color:#09090b;letter-spacing:.05em;background:#fff;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:900}.sp-ut-tutorial-text{color:#f4f4f5;align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.sp-ut-tutorial-cta{color:#09090b;background:#fff;border:1.5px solid #09090b;border-radius:10px;align-items:center;gap:6px;padding:.45rem 1rem;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:0 2px #09090b}.sp-ut-chassis-3d{background:#fff;border:2px solid #09090b;border-radius:28px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 8px #09090b,0 24px 60px #0000000f}.sp-ut-status-bar-3d{background:#fafafa;border-bottom:2px solid #09090b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.75rem;display:flex}.sp-ut-engine-badge{color:#09090b;letter-spacing:.03em;align-items:center;gap:8px;font-size:.8rem;font-weight:800;display:inline-flex}.sp-ut-radar-dot{background:#10b981;border-radius:50%;width:9px;height:9px;animation:2s ease-in-out infinite utRadarPulse;box-shadow:0 0 10px #10b981}@keyframes utRadarPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.sp-ut-security-note{color:#64748b;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:inline-flex}.sp-ut-grid-3d{grid-template-columns:360px minmax(0,1fr);min-height:620px;display:grid}@media (max-width:1040px){.sp-ut-grid-3d{grid-template-columns:1fr}}.sp-ut-sidebar-3d{box-sizing:border-box;background:#fafafa;border-right:2px solid #09090b;flex-direction:column;gap:1.25rem;padding:2rem 1.65rem;display:flex}@media (max-width:1040px){.sp-ut-sidebar-3d{border-bottom:2px solid #09090b;border-right:none}}.sp-ut-sidebar-title-3d{color:#09090b;align-items:center;gap:8px;margin-bottom:.25rem;font-size:.95rem;font-weight:900;display:flex}.sp-ut-field-3d{flex-direction:column;gap:6px;display:flex}.sp-ut-label-3d{text-transform:uppercase;letter-spacing:.05em;color:#09090b;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:800;display:flex}.sp-ut-input-3d{box-sizing:border-box;color:#09090b;background:#fff;border:2px solid #09090b;border-radius:12px;outline:none;width:100%;padding:.7rem .85rem;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .15s;box-shadow:inset 0 2px 4px #0000000d}.sp-ut-input-3d:focus{border-color:#2563eb}.sp-ut-input-mono{font-family:monospace!important;font-size:.78rem!important}.sp-ut-hint-3d{color:#64748b;font-size:.7rem;font-weight:500}.sp-ut-select-3d{box-sizing:border-box;color:#09090b;cursor:pointer;background:#fff;border:2px solid #09090b;border-radius:12px;outline:none;width:100%;padding:.7rem .85rem;font-family:inherit;font-size:.84rem;font-weight:700;box-shadow:inset 0 2px 4px #0000000d}.sp-ut-sidebar-actions-3d{border-top:2px solid #00000014;flex-direction:column;gap:8px;margin-top:.5rem;padding-top:1.25rem;display:flex}.sp-ut-save-btn-3d{color:#fff;cursor:pointer;background:#09090b;border:2px solid #09090b;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.86rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 3px #09090b}.sp-ut-save-btn-3d:hover{background:#18181b;transform:translateY(-1px);box-shadow:0 4px #09090b}.sp-ut-save-btn-3d:active{transform:translateY(1px);box-shadow:0 1px #09090b}.sp-ut-clear-btn-3d{color:#64748b;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:.5rem;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.sp-ut-clear-btn-3d:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}.sp-ut-editor-deck-3d{background:#fff;flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.sp-ut-editor-header-3d{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sp-ut-editor-title-3d{color:#09090b;align-items:center;gap:8px;font-size:1.15rem;font-weight:900;display:flex}.sp-ut-char-counter-3d{color:#09090b;background:#f1f5f9;border:1.5px solid #09090b;border-radius:999px;padding:3px 10px;font-family:monospace;font-size:.74rem;font-weight:800;box-shadow:0 2px #09090b}.sp-ut-textarea-3d{box-sizing:border-box;color:#09090b;resize:none;background:#fff;border:2px solid #09090b;border-radius:20px;outline:none;flex:1;width:100%;min-height:240px;padding:1.25rem;font-family:inherit;font-size:.98rem;font-weight:500;line-height:1.7;transition:border-color .15s;box-shadow:inset 0 2px 6px #0000000d}.sp-ut-textarea-3d:focus{border-color:#2563eb}.sp-ut-action-bar-3d{background:#f8fafc;border:2px solid #09090b;border-radius:18px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px #09090b}.sp-ut-action-row-3d{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sp-ut-generate-btn-3d{color:#fff;cursor:pointer;background:#10b981;border:2px solid #09090b;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:220px;padding:.95rem 1.5rem;font-family:inherit;font-size:.98rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 5px #09090b}.sp-ut-generate-btn-3d:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 7px #09090b}.sp-ut-generate-btn-3d:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #09090b}.sp-ut-generate-btn-3d:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0;border-color:#cbd5e1;transform:none;box-shadow:0 3px #94a3b8}.sp-ut-download-btn-3d{color:#09090b;cursor:pointer;background:#fff;border:2px solid #09090b;border-radius:14px;align-items:center;gap:6px;padding:.95rem 1.35rem;font-family:inherit;font-size:.92rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 4px #09090b}.sp-ut-download-btn-3d:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px #09090b}.sp-ut-audio-box-3d{border:2px solid #09090b;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 3px #09090b}.sp-ut-audio-box-3d audio{outline:none;width:100%;height:44px;display:block}.sp-ut-notice-alert-3d{border-radius:12px;align-items:center;gap:8px;padding:.75rem 1rem;font-size:.84rem;font-weight:700;display:flex}.sp-ut-notice-alert-3d.error{color:#b91c1c;background:#fee2e2;border:1.5px solid #ef4444}.sp-ut-notice-alert-3d.success{color:#166534;background:#f0fdf4;border:1.5px solid #10b981}.sp-ut-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#09090bb3;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.sp-ut-modal-3d{background:#fff;border:2px solid #09090b;border-radius:24px;flex-direction:column;width:100%;max-width:840px;max-height:92vh;animation:.2s cubic-bezier(.16,1,.3,1) utModalPop;display:flex;overflow:hidden;box-shadow:0 16px #09090b,0 30px 60px #00000040}@keyframes utModalPop{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.sp-ut-modal-header-3d{background:#fafafa;border-bottom:2px solid #09090b;justify-content:space-between;align-items:center;padding:1.15rem 1.75rem;display:flex}.sp-ut-modal-header-3d h3{color:#09090b;align-items:center;gap:8px;font-size:1.15rem;font-weight:900;display:flex}.sp-ut-modal-close-3d{cursor:pointer;background:#fff;border:1.5px solid #09090b;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex;box-shadow:0 2px #09090b}.sp-ut-modal-close-3d:hover{color:#ef4444;background:#fee2e2;transform:translateY(-1px)}.sp-ut-modal-body-3d{text-align:center;flex-direction:column;flex:1;align-items:center;padding:1.75rem 2rem;display:flex;overflow-y:auto}.sp-ut-step-chip-3d{color:#fff;letter-spacing:.05em;background:#09090b;border-radius:999px;margin-bottom:.85rem;padding:4px 12px;font-family:monospace;font-size:.72rem;font-weight:900}.sp-ut-step-title-3d{color:#09090b;margin-bottom:.5rem;font-size:1.35rem;font-weight:900}.sp-ut-step-desc-3d{color:#64748b;max-width:620px;margin-bottom:1.5rem;font-size:.92rem;line-height:1.6}.sp-ut-guide-img-wrap-3d{aspect-ratio:16/10;background:#fafafa;border:2px solid #09090b;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:680px;margin-bottom:1rem;display:flex;overflow:hidden;box-shadow:0 6px #09090b}.sp-ut-guide-img-wrap-3d img{object-fit:contain;max-width:100%;max-height:100%}.sp-ut-modal-footer-3d{background:#fafafa;border-top:2px solid #09090b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.75rem;display:flex}.sp-ut-guide-nav-btn-3d{cursor:pointer;color:#09090b;background:#fff;border:2px solid #09090b;border-radius:12px;align-items:center;gap:6px;padding:.65rem 1.25rem;font-family:inherit;font-size:.84rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 3px #09090b}.sp-ut-guide-nav-btn-3d:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px #09090b}.sp-ut-guide-nav-btn-3d.primary{color:#fff;background:#09090b}.sp-ut-guide-nav-btn-3d:disabled{opacity:.5;cursor:not-allowed}.sp-ut-guide-dots-3d{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sp-ut-guide-dot-3d{cursor:pointer;background:#cbd5e1;border:1px solid #09090b;border-radius:50%;width:9px;height:9px;transition:all .15s}.sp-ut-guide-dot-3d.active{background:#09090b;transform:scale(1.25)}.sp-ut-edu-container{margin-top:4.5rem}.sp-ut-edu-header{text-align:center;margin-bottom:2.5rem}.sp-ut-edu-header h2{color:#09090b;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:900}.sp-ut-edu-header p{color:#64748b;font-size:.95rem;font-weight:500}.sp-ut-edu-cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;margin-bottom:4rem;display:grid}.sp-ut-edu-card-3d{background:#fff;border:2px solid #09090b;border-radius:22px;flex-direction:column;padding:2.25rem 2rem;transition:all .2s;display:flex;box-shadow:0 6px #09090b,0 16px 32px #0000000a}.sp-ut-edu-card-3d:hover{transform:translateY(-3px);box-shadow:0 9px #09090b,0 22px 40px #00000014}.sp-ut-edu-icon-badge{color:#fff;background:#09090b;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1.25rem;display:flex;box-shadow:0 4px 12px #0003}.sp-ut-edu-card-3d h3{color:#09090b;margin-bottom:.65rem;font-size:1.22rem;font-weight:800}.sp-ut-edu-card-3d p{color:#64748b;font-size:.92rem;line-height:1.7}.sp-ut-edu-card-3d ul{flex-direction:column;gap:.65rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.sp-ut-edu-card-3d li{color:#475569;align-items:flex-start;gap:8px;font-size:.88rem;line-height:1.55;display:flex}.sp-ut-edu-card-3d li svg{color:#10b981;flex-shrink:0;margin-top:3px}.sp-ut-faq-section{max-width:960px;margin:0 auto}.sp-ut-faq-title{text-align:center;color:#09090b;margin-bottom:2rem;font-size:1.85rem;font-weight:900}.sp-ut-faq-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.sp-ut-faq-grid{grid-template-columns:1fr}}.sp-ut-faq-card-3d{background:#fff;border:2px solid #09090b;border-radius:18px;padding:1.65rem 1.75rem;transition:all .2s;box-shadow:0 4px #09090b}.sp-ut-faq-card-3d:hover{transform:translateY(-2px);box-shadow:0 6px #09090b}.sp-ut-faq-card-3d h4{color:#09090b;margin-bottom:.65rem;font-size:1.05rem;font-weight:800}.sp-ut-faq-card-3d p{color:#64748b;font-size:.9rem;line-height:1.65}