:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;text-align:center;width:100%}.App{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.home{max-width:720px;margin:3rem auto;border-radius:12px;padding:1rem;color:inherit}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1rem}.app-title{font-size:1.4rem;font-weight:700}.steps-container{display:flex;flex-direction:column;gap:1rem}:root{--bg-start: #0f1724;--bg-end: #071126;--card-bg: rgba(255, 255, 255, .03);--muted: #bfbfbf;--accent-1: #646cff;--accent-2: #535bf2}body{background:linear-gradient(180deg,var(--bg-start),var(--bg-end))}.app-progress{font-size:.95rem;color:var(--muted)}.progress-track{height:8px;background:#ffffff0a;border-radius:999px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));width:0%;transition:width .45s cubic-bezier(.2,.9,.2,1)}@media(max-width:520px){.App{padding:0rem}.app-header{flex-direction:column;align-items:flex-start;gap:6px}}.auth-root{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;min-height:100vh;width:100%;background:transparent}.auth-card{width:100%;max-width:420px;background:linear-gradient(180deg,#ffffff08,#ffffff05);border:1px solid rgba(255,255,255,.04);padding:1.5rem;border-radius:12px;box-shadow:0 10px 30px #02061780;display:flex;flex-direction:column;gap:.75rem}.auth-title{font-size:1.25rem;margin:0 0 .5rem;color:#fff}.auth-label{font-size:.85rem;color:#cfd9ff;text-align:left;font-weight:700}.auth-input{padding:.65rem;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:transparent;color:#fff}.auth-cta{margin-top:.5rem;padding:.7rem;border-radius:10px;background:linear-gradient(90deg,#5969ff,#3f49f0);color:#fff;border:0;font-weight:700}.auth-error{background:#ff505012;color:#ffdede;padding:.5rem;border-radius:8px;font-size:.9rem}@media(max-width:480px){.auth-card{padding:1rem}}.home{max-width:720px;margin:3rem auto;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;padding:.5rem;box-shadow:0 6px 30px #00000073;color:inherit}.home .step-card{padding:.75rem;border-radius:10px}.home .progress-track{height:8px;background:#ffffff0a;border-radius:999px;overflow:hidden;margin-top:8px}.home .progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-1, #646cff),var(--accent-2, #535bf2));width:0%;transition:width .45s cubic-bezier(.2,.9,.2,1)}@media(max-width:520px){.home{margin:1rem;padding:1rem}.home .app-header{flex-direction:column;align-items:flex-start;gap:6px}}.hero{display:flex;flex-direction:column;gap:12px;padding:1.75rem;border-radius:12px;background:linear-gradient(135deg,#646cff1f,#535bf214);border:1px solid rgba(100,108,255,.08)}.step-title{margin:0;font-size:1.6rem;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}.step-subtitle{margin:0;color:#e6e6ff;font-weight:600}.description{margin:0;color:#e7e7e7;line-height:1.4}.cta-col{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:6px}.primary-btn{background:linear-gradient(90deg,#ffd166,#ff8a00);color:#111;border:none;padding:.9rem 1.2rem;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 10px 30px #ff8a002e}.primary-btn:focus{outline:3px solid rgba(255,200,120,.28)}.hero-note{font-size:.9rem;color:#f0f0f0;opacity:.9}.card-center{padding:1rem;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.03);display:flex;flex-direction:column;gap:1rem;align-items:stretch;max-width:1100px;margin:0 auto}.step-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#fff}.primary-btn{background:linear-gradient(90deg,#646cff,#535bf2);color:#fff;padding:.7rem 1rem;border-radius:10px;font-weight:700;box-shadow:0 12px 28px #535bf21f}.secondary-txt{color:#bfbfbf;font-size:.95rem}.image-container,.video-container{width:100%;height:300px;border-radius:10px;object-fit:contain;overflow:hidden;box-shadow:0 14px 30px #02061759;background:linear-gradient(180deg,#0000001f,#0000000f)}.promo-image,.promo-video{width:100%;height:100%;display:block;object-fit:contain;aspect-ratio:16/9}.promo-video{background:#000}@media(min-width:760px){.image-container,.video-container{max-height:520px}}@media(max-width:520px){.step-title{font-size:1.1rem}.primary-btn{width:100%}.promo-image,.promo-video{aspect-ratio:4/3}}.image-container:hover .promo-image,.video-container:hover .promo-video{transform:scale(1.03);transition:transform .42s cubic-bezier(.2,.9,.2,1)}.form-card{padding:1.1rem;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.03)}.step-title{margin:0 0 .6rem;font-size:1.2rem;font-weight:700;color:#fff}.form-row{margin-bottom:.85rem}.form-label{display:block;font-weight:600;margin-bottom:.35rem;color:#e6e6e6;text-align:left}.form-input{width:100%;max-width:100%;padding:.65rem .7rem;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#0b1220;color:#fff;resize:none}.form-input:focus{box-shadow:0 8px 22px #535bf214;border-color:#646cff99;outline:none}.form-note{font-size:.9rem;color:#cfcfcf;margin-top:.75rem}.success-banner{background:#e8ffea;padding:.9rem;border-radius:10px;margin-top:.9rem;color:#0b5a18;font-weight:700;font-size:1.2rem}.primary-btn{background:linear-gradient(90deg,#28c76f,#20a070);color:#05220b;padding:.75rem 1rem;border-radius:10px;font-weight:800;box-shadow:0 14px 36px #20a0701f}.primary-btn:hover{transform:translateY(-2px)}.form-input-range{width:240px}.range-value{min-width:28px;font-weight:700;color:#fff}.form-error{color:#ffdede;font-size:.9rem;margin-top:6px}.form-card{display:flex;flex-direction:column;gap:12px}.form-card textarea.form-input{resize:vertical}.result-card{padding:1rem;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.03)}.step-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:800;color:#fff}.description{color:#e6e6e6;margin:0 0 1rem}.benefit-badge{display:inline-block;background:linear-gradient(90deg,#ffd166,#ff8a00);color:#111;padding:.45rem .7rem;border-radius:999px;font-weight:700;text-align:center}.branding{margin-top:1rem;font-size:.95rem;color:#cfcfcf}.primary-btn{background:linear-gradient(90deg,#646cff,#535bf2);color:#fff;padding:.7rem 1rem;border-radius:10px;font-weight:700}.credential{padding:1rem;border-radius:10px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.04);margin-bottom:12px}.credential .benefit-badge{font-size:.85rem}:root{--pointer-x: 50%;--pointer-y: 50%;--background-x: 50%;--background-y: 50%;--card-opacity: 0;--inner-gradient: radial-gradient( at 25% 25%, rgba(255, 240, 210, .15) 0%, rgba(255, 240, 210, .05) 20%, transparent 50% ), radial-gradient( at 80% 75%, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .15) 40%, transparent 70% ), linear-gradient(160deg, #f5c06b 0%, #b6763b 45%, #6a3d1e 100%);--behind-gradient: radial-gradient( circle at 30% 30%, rgba(255, 255, 255, .06) 0%, rgba(0, 0, 0, .08) 100% ), radial-gradient( farthest-side at 15% 20%, rgba(255, 255, 255, .04), transparent 60% );--card-radius: 18px}.vip-wrapper{width:100%;max-width:560px;margin:2.2rem auto;border-radius:var(--card-radius);perspective:800px;transform:translateZ(.1px)}.vip-card{position:relative;border-radius:var(--card-radius);overflow:hidden;background-blend-mode:overlay,multiply,normal;background-image:var(--behind-gradient),radial-gradient(100% 100% at var(--background-x) var(--background-y),rgba(0,0,0,.18) 0%,rgba(0,0,0,.25) 100%);background-size:cover;box-shadow:0 48px 90px #0206178c,0 18px 40px #02061759,0 2px 8px #00000059,inset 0 1px #ffffff05;transition:transform .36s cubic-bezier(.2,.9,.2,1),box-shadow .36s ease;transform-origin:center;transform:translateZ(.1px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg))}.vip-card:before{content:"";position:absolute;inset:-20%;background:var(--behind-gradient);filter:blur(14px) saturate(110%);opacity:.6;pointer-events:none;transform:translateZ(0)}.vip-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;box-shadow:0 0 0 1px #ffffff08 inset,0 0 0 2px #0000000f inset;background-image:linear-gradient(90deg,#ffffff05,#00000005);opacity:.96}.vip-card:hover{transform:translate3d(0,-8px,.1px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) scale(1.02);box-shadow:0 40px 90px #020617b8}.vip-inside{position:relative;inset:1px;background-image:var(--inner-gradient);background-color:#000000d9;padding:18px;overflow:hidden}.vip-inside:before{content:"";position:absolute;inset:8px;border-radius:calc(var(--card-radius) - 8px);pointer-events:none;background:linear-gradient(180deg,#ffffff05,#0000000f);mix-blend-mode:overlay;opacity:.45;z-index:1}.vip-shine{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(120deg,rgba(255,255,255,.02),rgba(255,255,255,.06) 20%,transparent 60%);mix-blend-mode:screen;opacity:.6;transform:translateZ(0)}.vip-shine:before{content:"";position:absolute;inset:0;background-image:conic-gradient(from 120deg at 50% 50%,#ffffff05,#00000005);mix-blend-mode:overlay;opacity:.18}.vip-glare{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 25%);mix-blend-mode:soft-light;opacity:calc(var(--card-opacity) + .15)}.vip-content{position:relative;z-index:2}.vip-controls{display:flex;justify-content:center;margin-top:12px}.vip-download-btn{background:linear-gradient(180deg,#ffd166,#ffb16a);color:#081224;border:none;padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #0206171f;transition:transform .12s ease,box-shadow .12s ease}.vip-download-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #02061729}.vip-download-btn:active{transform:translateY(0)}.vip-header{display:flex;gap:14px;align-items:center}.vip-avatar{width:72px;height:72px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:20px;color:#081224;position:relative;z-index:2;background:linear-gradient(180deg,#ffd166,#ff9a45 45%,#ff6b6b);box-shadow:0 10px 30px #ff69461f,0 2px 8px #00000040 inset;overflow:hidden}.vip-avatar:after{content:"";position:absolute;left:-40%;top:-10%;width:40%;height:120%;background:linear-gradient(90deg,#ffffff40,#ffffff05);transform:skew(-20deg) translate(0);filter:blur(8px);opacity:.25;animation:shimmer 2.8s linear infinite}.vip-meta{display:flex;flex-direction:column;z-index:2}.vip-badge{background:#ffffff0f;color:#ffd166;padding:6px 12px;border-radius:999px;font-weight:700;font-size:12px;display:inline-block}.vip-brand{color:#dfe7ff;font-weight:700;margin-top:8px;letter-spacing:.2px}.vip-body{margin-top:16px}.vip-name{font-size:20px;font-weight:900;color:transparent;background:linear-gradient(90deg,#fff,#dce8ff);-webkit-background-clip:text;background-clip:text}.vip-rows{margin-top:12px;display:flex;flex-direction:column;gap:8px}.vip-row{display:flex;justify-content:space-between;color:#d6e3ff;align-items:center}.vip-row-key{opacity:.78;font-size:13px}.vip-row-value{font-weight:800}.vip-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.vip-left{display:flex;align-items:center;gap:12px}.vip-chip{width:40px;height:28px;border-radius:4px;background:linear-gradient(180deg,#f9f1d8,#e2c277);box-shadow:inset 0 -6px 10px #0000002e,0 6px 18px #02061747;border:1px solid rgba(255,255,255,.18);position:relative}.vip-chip:after{content:"";position:absolute;left:6px;top:6px;width:6px;height:12px;border-radius:1px;background:linear-gradient(180deg,#e9d6b2,#cfa46a);box-shadow:0 1px #ffffff2e inset}.vip-chip:before{content:"";position:absolute;left:10px;right:6px;top:8px;height:2px;background:linear-gradient(90deg,#fff3,#0000000f);border-radius:2px;opacity:.9}.vip-code{font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.6);font-size:20px}.vip-code,.vip-name{text-shadow:.6px 1px 0 rgba(0,0,0,.65),-.4px -.6px 0 rgba(255,255,255,.03);-webkit-font-smoothing:antialiased}.vip-card .grain{position:absolute;inset:0;pointer-events:none;z-index:4;background-image:radial-gradient(#ffffff03 .5px,#00000003 1px);background-size:6px 6px;opacity:.06;mix-blend-mode:overlay}.vip-quiet{color:#aac0e6;font-size:12px}.vip-row{transform:translateY(0);opacity:1;transition:transform .36s cubic-bezier(.2,.9,.2,1),opacity .36s}.vip-row[data-animate=true]{transform:translateY(2px);opacity:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.vip-wrapper:hover,.vip-wrapper.active{--card-opacity: .34}.vip-wrapper:hover .vip-card:before{filter:blur(6px) saturate(105%);opacity:.18}.vip-wrapper:hover .vip-shine,.vip-wrapper:hover .vip-glare{opacity:.18!important}.vip-inside{animation:floaty 10s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.vip-card,.vip-avatar:after{animation:none!important;transition:none!important}}@media(max-width:520px){.vip-wrapper{padding:6px;max-width:calc(100% - 12px);margin:1rem auto;perspective:none}.vip-card{transform:none!important;box-shadow:0 8px 20px #02061759;border-radius:12px;transition:none}.vip-card:hover{transform:none!important;box-shadow:0 8px 20px #02061759}.vip-inside{padding:12px;animation:none}.vip-shine,.vip-glare,.vip-card:before{display:none;opacity:0!important}.vip-avatar{width:48px;height:48px;font-size:16px;border-radius:10px}.vip-name{font-size:16px;line-height:1.1}.vip-rows{gap:6px}.vip-row-key{font-size:12px}.vip-row-value{font-size:14px}.vip-chip{width:34px;height:22px;border-radius:4px}.vip-code{font-size:16px}.vip-footer{flex-direction:column;align-items:flex-start;gap:8px}.vip-download-btn{background:linear-gradient(180deg,#ffd166,#ff9a45);color:#081224;border:none;padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 6px 12px #0206171f}.vip-download-btn:active{transform:translateY(1px)}.vip-card .grain{opacity:.03}}.admin-root{padding:28px;display:flex;justify-content:center;width:100%}:root{--bg: #0b1020;--card: #0f1724;--muted: #9aa4b2;--accent: #7b61ff;--accent-2: #4be3a7;--danger: #ff6b6b;--glass: rgba(255, 255, 255, .03);--input-bg: rgba(255, 255, 255, .02);--focus: rgba(123, 97, 255, .18)}.admin-card{width:920px;background:linear-gradient(180deg,#ffffff05,#0000000f);border-radius:12px;padding:18px;box-shadow:0 6px 30px #00000080;color:var(--text-color, #eee)}.admin-section{margin-bottom:14px}.admin-section h3{margin:8px 0}.admin-section label{display:block;margin-top:8px;font-size:13px;color:#ccc;text-align:left}.admin-section input,.admin-section textarea,.admin-section select{width:100%;padding:12px 14px;margin-top:6px;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff03,#0000000a);color:#eef3ff;font-size:15px;outline:none;box-shadow:inset 0 -6px 18px #02061773,0 6px 18px #02061759;transition:box-shadow .18s ease,border-color .15s ease,transform .12s ease,background .12s ease}.admin-section textarea{min-height:72px}.admin-actions{display:flex;gap:12px;margin-top:12px}.admin-actions .danger{background:#c82828d9}.admin-actions button{padding:8px 12px;border-radius:8px;border:none;background:var(--accent, #7b61ff);color:#fff}.admin-preview{margin-top:16px}.admin-note{color:#aaa;font-size:13px;margin-top:8px}.admin-status{margin-top:12px;color:#98f}.admin-root{min-height:calc(100vh - 80px);padding:32px 18px;display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(180deg,#0b102099,#05070c99)}.admin-card{width:100%;max-width:1100px;background:linear-gradient(180deg,#ffffff05,#ffffff01);border-radius:14px;padding:22px;box-shadow:0 10px 30px #02061799,inset 0 1px #ffffff05;color:#e6eef6;border:1px solid rgba(255,255,255,.03)}.admin-card h2{margin:0 0 14px;font-size:20px;color:#fff}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px 20px}.admin-section{background:linear-gradient(180deg,#ffffff03,#00000006);padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,.02)}.admin-section h3{margin:0 0 8px;font-size:15px;color:#eaf0ff}.admin-section label{display:block;margin:10px 0 6px;font-size:13px;color:var(--muted)}.admin-input,.admin-textarea,.admin-select,.admin-file{width:100%;padding:10px 12px;border-radius:8px;background:var(--input-bg);border:1px solid rgba(255,255,255,.04);color:#eef3ff;font-size:14px;outline:none;transition:box-shadow .18s ease,border-color .15s ease,transform .12s ease}.admin-textarea{min-height:96px;resize:vertical}.admin-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23BFC8D6' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 14px) center;padding-right:40px}.admin-file{padding:6px 10px}input[type=file]::file-selector-button{margin-right:8px;padding:8px 12px;border-radius:8px;border:none;background:linear-gradient(90deg,var(--accent),#6b49ff);color:#fff;font-weight:600;cursor:pointer}input[type=file]::file-selector-button:focus{outline:none;box-shadow:0 8px 26px var(--focus)}.admin-input::placeholder,.admin-textarea::placeholder,.admin-select::placeholder{color:#ebf5ff73}.admin-input:focus,.admin-textarea:focus,.admin-select:focus,.admin-file:focus{box-shadow:0 6px 24px var(--focus);border-color:var(--accent);transform:translateY(-1px)}.admin-actions{display:flex;gap:12px;margin-top:12px;align-items:center}.admin-actions button{padding:10px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:600}.admin-actions button.primary{background:linear-gradient(90deg,var(--accent),#6b49ff);color:#fff}.admin-actions button.danger{background:linear-gradient(90deg,var(--danger),#ff4b4b);color:#fff}.admin-actions button:active{transform:translateY(1px)}.admin-preview{padding:14px;border-radius:10px;background:linear-gradient(180deg,#ffffff03,#00000005);border:1px solid rgba(255,255,255,.02)}.admin-preview h4{margin:0 0 8px;color:#eaf0ff}.admin-preview .media-wrap{display:flex;align-items:center;justify-content:center;min-height:180px;background:linear-gradient(180deg,#0000001a,#ffffff03);border-radius:8px;overflow:hidden}.admin-preview img,.admin-preview video{width:100%;height:300px;object-fit:contain;max-height:420px}.admin-note{color:var(--muted);font-size:13px;margin-top:8px}.admin-toast{margin-top:12px;border-radius:10px;overflow:hidden;animation:toast-in .18s ease}.admin-toast-inner{display:flex;align-items:center;gap:12px;padding:10px 12px}.admin-toast.info{background:linear-gradient(90deg,#7b61ff0f,#4be3a708);border:1px solid rgba(123,97,255,.08);color:var(--muted)}.admin-toast.success{background:linear-gradient(90deg,#4be3a70f,#7b61ff05);border:1px solid rgba(75,227,167,.08);color:#dff7ee}.admin-toast.error{background:linear-gradient(90deg,#ff6b6b0f,#00000005);border:1px solid rgba(255,107,107,.08);color:#ffdede}.admin-toast-icon{font-weight:700;width:26px;text-align:center}.admin-toast-message{flex:1;font-size:14px}.admin-toast-close{background:transparent;border:none;color:inherit;font-size:18px;cursor:pointer}.admin-spinner{display:inline-block;width:14px;height:14px;margin-left:10px;border-radius:50%;border:2px solid rgba(255,255,255,.22);border-top-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-status{margin-top:12px;color:var(--accent-2);font-weight:600}.small{font-size:13px;color:var(--muted)}.form-row{display:flex;gap:12px}@media(max-width:640px){.form-row{flex-direction:column}}
