.elementor-2578 .elementor-element.elementor-element-8fc3530{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2578 .elementor-element.elementor-element-9e03703{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2578 .elementor-element.elementor-element-9866db7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2578 .elementor-element.elementor-element-3e33a57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2578 .elementor-element.elementor-element-f5e76ff{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2578 .elementor-element.elementor-element-e557568{text-align:center;font-family:"PT Sans", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}@media(max-width:767px){.elementor-2578 .elementor-element.elementor-element-9e03703{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}}/* Start custom CSS for html, class: .elementor-element-9a08eb4 */*{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#FFD700;
  --gold-dim:rgba(255,215,0,0.18);
  --gold-border:rgba(255,215,0,0.28);
  --purple:#7b2fff;
  --purple-dark:#4f1ecc;
  --bg:#060112;
  --bg2:#0e0526;
  --bg3:#1a0b38;
  --text:#fff;
  --text-dim:rgba(255,255,255,0.55);
  --text-faint:rgba(255,255,255,0.25);
}
html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 20% 30%, rgba(123,47,255,0.18) 0%, transparent 60%),radial-gradient(ellipse at 80% 70%, rgba(255,215,0,0.06) 0%, transparent 55%);pointer-events:none;z-index:0;}
.header{position:relative;z-index:10;padding:32px 24px 0;text-align:center;animation:fadeDown 0.7s ease both;}
.brand{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,215,0,0.5);margin-bottom:14px}
.headline{font-family:'Syne',sans-serif;font-size:clamp(28px,6vw,52px);font-weight:800;line-height:1.1;margin-bottom:12px}
.headline span{color:var(--gold)}
.subline{font-size:15px;color:var(--text-dim);max-width:480px;margin:0 auto 36px;line-height:1.7}
.steps{position:relative;z-index:10;max-width:680px;margin:0 auto;padding:0 20px 60px;}
.step{display:flex;gap:20px;margin-bottom:48px;opacity:1;transform:translateY(0);transition:opacity 0.6s ease,transform 0.6s ease;}
.step.animate{opacity:0;transform:translateY(30px)}.step.animate.visible{opacity:1;transform:translateY(0)}
.step-num{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--bg3);border:1.5px solid var(--gold-border);display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:16px;font-weight:800;color:var(--gold);position:relative;}
.step-num::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:1px;height:calc(100% + 32px);background:linear-gradient(to bottom,var(--gold-border),transparent);}
.step:last-child .step-num::after{display:none}
.step-body{flex:1;padding-top:8px}
.step-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,215,0,0.5);margin-bottom:6px}
.step-title{font-family:'Syne',sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3}
.step-desc{font-size:14px;color:var(--text-dim);line-height:1.75;margin-bottom:16px}
.mock{background:var(--bg2);border:1px solid var(--gold-border);border-radius:14px;padding:16px;overflow:hidden;}
.mock-player{background:#040010;border-radius:10px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;margin-bottom:10px;position:relative;}
.play-ring{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,215,0,0.4);background:rgba(255,215,0,0.08);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gold);}
.mock-np{font-size:10px;font-weight:600;color:rgba(255,215,0,0.65);background:rgba(0,0,0,0.5);border-top:1px solid rgba(255,215,0,0.12);padding:6px 10px;border-radius:0 0 10px 10px;margin:-16px -16px 10px;}
.mock-filter-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.mock-filter-lbl{font-size:10px;font-weight:700;color:rgba(255,215,0,0.65)}
.mock-select{background:var(--bg3);border:1.5px solid rgba(255,215,0,0.35);border-radius:999px;padding:4px 12px;font-size:10px;color:var(--gold);font-weight:600}
.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mc{background:var(--bg3);border:1px solid rgba(255,215,0,0.18);border-radius:8px;padding:6px 8px;display:flex;align-items:center;gap:4px;min-width:0;}
.mc.active{border-color:var(--gold);background:#22105a}
.mc-tag{font-size:8px;font-weight:700;text-transform:uppercase;color:rgba(255,215,0,0.6);white-space:nowrap;min-width:40px;letter-spacing:0.5px}
.mc-title{font-size:9px;color:#fff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-btn{font-size:8px;font-weight:700;color:var(--gold);background:linear-gradient(135deg,#7b2fff,#4f1ecc);border:1px solid rgba(255,215,0,0.35);border-radius:999px;padding:3px 7px;white-space:nowrap;flex-shrink:0}
.mc-btn.gold{background:linear-gradient(135deg,#FFD700,#e6b800);color:#1a0b38}
.mock-submit-area{text-align:center;padding:10px 0 4px}
.mock-submit-btn{display:inline-block;background:linear-gradient(135deg,#7b2fff,#4f1ecc);color:var(--gold);border:2px solid rgba(255,215,0,0.45);border-radius:999px;padding:9px 22px;font-size:12px;font-weight:700;font-family:'Syne',sans-serif}
.mock-modal{background:var(--bg3);border:1.5px solid rgba(255,215,0,0.28);border-radius:12px;padding:16px;margin-top:10px}
.mm-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--gold);margin-bottom:3px}
.mm-sub{font-size:10px;color:rgba(255,255,255,0.35);margin-bottom:12px}
.mm-field-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.7px;color:rgba(255,215,0,0.55);margin-bottom:3px}
.mm-field{background:rgba(255,255,255,0.05);border:1.5px solid rgba(255,215,0,0.2);border-radius:8px;padding:7px 10px;font-size:10px;color:rgba(255,255,255,0.35);margin-bottom:8px}
.mm-field.filled{color:#fff;border-color:rgba(255,215,0,0.45)}
.mm-submit{width:100%;padding:9px;background:linear-gradient(135deg,#7b2fff,#4f1ecc);color:var(--gold);border:2px solid rgba(255,215,0,0.45);border-radius:999px;font-size:11px;font-weight:700;text-align:center;margin-top:4px}
.mm-success{background:rgba(76,255,145,0.08);border:1px solid rgba(76,255,145,0.25);border-radius:8px;padding:8px 12px;font-size:11px;color:#4cff91;text-align:center;margin-top:8px}
.tip-row{display:flex;align-items:flex-start;gap:8px;background:rgba(255,215,0,0.06);border:1px solid rgba(255,215,0,0.15);border-radius:10px;padding:10px 12px}
.tip-icon{font-size:15px;flex-shrink:0}
.tip-text{font-size:13px;color:rgba(255,255,255,0.65);line-height:1.6}
.cta-wrap{text-align:center;padding:0 20px 80px;position:relative;z-index:10;animation:fadeUp 0.8s 1.2s ease both}
.cta-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7b2fff,#4f1ecc);color:var(--gold);border:2px solid rgba(255,215,0,0.5);border-radius:999px;padding:14px 32px;font-family:'Syne',sans-serif;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform 0.2s,border-color 0.2s,box-shadow 0.2s;animation:pulse 2.6s ease-in-out infinite;}
.cta-btn:hover{transform:scale(1.05);border-color:var(--gold);animation:none;box-shadow:0 8px 32px rgba(123,47,255,0.55)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(123,47,255,0.5)}65%{box-shadow:0 0 0 12px rgba(123,47,255,0)}100%{box-shadow:0 0 0 0 rgba(123,47,255,0)}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){.step{gap:14px}.step-num{width:36px;height:36px;font-size:13px}.step-title{font-size:17px}.mock-grid{grid-template-columns:1fr}}/* End custom CSS */