:root{color-scheme:dark;--bg:#040906;--surface:#0a150f;--surface2:#0d1b14;--surface3:#11261a;--border:#23392b;--green:#43f44b;--green2:#36ce40;--green-dark:#183f1e;--text:#f6fff6;--muted:#93a399;--gold:#efbd49;--red:#ff7c78;--radius:18px;--shadow:0 12px 60px rgba(0,0,0,.36)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:500 15px/1.52 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #64ff6c;outline-offset:3px}
.background-grid{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 48% 31% at 51% 5%,rgba(34,146,50,.17),transparent 80%),radial-gradient(ellipse 50% 40% at 85% 78%,rgba(8,64,22,.12),transparent 80%),linear-gradient(to right,rgba(52,121,57,.083) 1px,transparent 1px),linear-gradient(to bottom,rgba(52,121,57,.083) 1px,transparent 1px),var(--bg);background-size:auto,auto,32px 32px,32px 32px,auto}
#particles{position:fixed;inset:76px 0 0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.particle{--x:7%;--s:26px;--t:28s;--phase:-.16;--a:.22;position:absolute;left:var(--x);top:-35px;width:var(--s);height:var(--s);color:var(--green);opacity:0;animation:robuxDrift var(--t) linear infinite;animation-delay:calc(var(--t) * var(--phase))}
.particle svg{display:block;width:100%;height:100%}
.particle:nth-child(2){--x:29%;--s:22px;--t:33s;--phase:-.61;--a:.17}
.particle:nth-child(3){--x:69%;--s:28px;--t:30s;--phase:-.37;--a:.24}
.particle:nth-child(4){--x:92%;--s:24px;--t:35s;--phase:-.78;--a:.2}
.particle:nth-child(5){--x:46%;--s:22px;--t:32s;--phase:-.81;--a:.16}
.particle:nth-child(6){--x:17%;--s:30px;--t:36s;--phase:-.42;--a:.18}
.particle:nth-child(7){--x:81%;--s:22px;--t:29s;--phase:-.07;--a:.2}
.particle:nth-child(8){--x:57%;--s:25px;--t:34s;--phase:-.24;--a:.16}
@keyframes robuxDrift{0%{opacity:0;transform:translate3d(0,-35px,0) rotate(-12deg)}12%,85%{opacity:var(--a)}100%{opacity:0;transform:translate3d(20px,calc(100vh + 45px),0) rotate(55deg)}}
.effects-paused .particle,#particles.is-paused .particle{animation-play-state:paused}
.footer-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;margin-top:10px}
.footer-actions .admin-footer{margin-top:0}
.sound-toggle,.motion-toggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px}
.sound-toggle[hidden],.motion-toggle[hidden]{display:none}
.sound-toggle:hover,.motion-toggle:hover{color:var(--text);background:rgba(255,255,255,.04)}
.sound-toggle .sound-muted,.sound-toggle[aria-pressed="false"] .sound-waves{display:none}
.sound-toggle[aria-pressed="false"] .sound-muted{display:block}
@media(max-width:760px){#particles{inset-block-start:64px}.particle:nth-child(n+5){display:none}}
.site-layer{min-height:100vh;display:flex;flex-direction:column}.site-header{position:relative;z-index:5;background:rgba(4,11,7,.89);backdrop-filter:blur(16px);border-bottom:1px solid rgba(50,81,56,.5)}.header-inner{max-width:1080px;margin:auto;padding:10px 22px;height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:17px;white-space:nowrap;letter-spacing:-.5px}.brand b{color:var(--green)}.brand-avatar{width:42px;height:45px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px rgba(69,241,75,.25))}.brand-avatar img{height:44px;width:44px;object-fit:contain}.top-nav{display:flex;align-items:center;gap:11px}.nav-link,.nav-button{font-size:13px;font-weight:750;border-radius:10px;transition:.18s ease}.nav-link{padding:10px 14px;color:#b6c5ba}.nav-link:hover,.nav-link.active{color:var(--green)}.nav-button{display:flex;align-items:center;gap:11px;padding:11px 16px;background:var(--green);color:#08230b;box-shadow:0 0 24px rgba(67,244,75,.13)}.nav-button:hover,.button.primary:hover{background:#69ff70;transform:translateY(-2px)}.nav-arrow{font-weight:900}
#app{width:100%;flex:1}.container{width:min(100% - 40px,1000px);margin-inline:auto}.narrow{width:min(100% - 38px,570px);margin-inline:auto}.hero{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:38px;padding:72px 0 30px;min-height:415px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #326f3c;background:rgba(36,89,41,.28);border-radius:40px;color:#bbffc3;font-weight:760;font-size:12px}.eyebrow-dot{height:7px;width:7px;border-radius:50%;background:var(--green);box-shadow:0 0 11px var(--green)}.hero h1{font-size:clamp(46px,5.2vw,70px);line-height:1.09;letter-spacing:-2.8px;font-weight:870;margin:24px 0 18px}.hero h1 span{color:var(--green);text-shadow:0 0 28px rgba(62,237,71,.22)}.hero p{max-width:470px;color:var(--muted);font-size:16px;line-height:1.62;margin:0 0 25px}.buttons{display:flex;flex-wrap:wrap;gap:11px}.button{border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:780;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 19px;transition:.18s ease}.button.primary{background:var(--green);color:#05210b;box-shadow:0 8px 24px rgba(67,244,75,.12)}.button.secondary{border-color:#304336;background:rgba(6,14,9,.78);color:#edf7ef}.button.secondary:hover{border-color:var(--green);background:#0f2416}.button.ghost{background:#15271b;color:#e7f0e8}.button.ghost:hover{background:#1c3825}.button.full{width:100%}.button.small{min-height:34px;padding:7px 11px;font-size:12px}.button.danger{background:#42201f;color:#ffaaaa}.security-note{display:flex;align-items:center;gap:8px;color:#bbcac0;font-size:12px;margin-top:19px}.security-note svg{color:var(--green)}.mascot-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:390px;isolation:isolate}.mascot-stage:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(63,253,69,.23),rgba(29,179,40,.08) 43%,transparent 72%);filter:blur(15px);z-index:-1;animation:breathe 4s ease-in-out infinite}.mascot-stage:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid rgba(73,242,83,.10);box-shadow:0 0 80px rgba(68,238,69,.11);z-index:-1}.mascot-img{width:min(350px,100%);max-height:430px;object-fit:contain;filter:drop-shadow(0 4px 0 #12471a) drop-shadow(0 0 22px rgba(42,248,63,.46));animation:mascotFloat 4.7s ease-in-out infinite}.mascot-label{position:absolute;right:3%;bottom:16%;border:1px solid rgba(62,244,73,.38);border-radius:13px;padding:9px 12px;display:flex;align-items:center;gap:9px;background:#0a1c12ed;box-shadow:0 15px 30px rgba(0,0,0,.4);color:#bbffc6;font-weight:850;font-size:12px;transform:rotate(-5deg)}.mascot-label span{font-size:21px}.mascot-spark{position:absolute;color:var(--green);font-size:28px;animation:spark 3s ease-in-out infinite}.mascot-spark.a{top:15%;left:9%}.mascot-spark.b{right:11%;top:9%;animation-delay:1s}.mascot-spark.c{left:12%;bottom:20%;animation-delay:1.6s}@keyframes mascotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes breathe{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes spark{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
.section-heading{font-size:23px;letter-spacing:-.5px;margin:0 0 18px;font-weight:850}.section-sub{color:var(--muted);font-size:14px;margin:-5px 0 18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px auto 53px}.step-card{padding:20px;border:1px solid var(--border);border-radius:14px;background:rgba(10,19,13,.91);box-shadow:0 6px 30px rgba(0,0,0,.13)}.step-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:12px;color:var(--green)}.step-card h3{font-size:15px;margin:0 0 5px}.step-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.45}.packs{padding-bottom:65px}.package{width:270px;max-width:100%;padding:18px;display:block;border:1px solid #2b4f32;border-radius:14px;background:linear-gradient(150deg,#102518,#0a130d 70%);box-shadow:0 0 40px rgba(68,244,72,.05);text-align:left;transition:transform .2s,border-color .2s}.package:hover{transform:translateY(-4px);border-color:var(--green)}.package small{color:var(--muted);font-size:11px;letter-spacing:.7px;text-transform:uppercase;font-weight:800}.package strong{display:block;color:var(--green);font-size:37px;letter-spacing:-1.4px;margin:4px 0 3px;text-shadow:0 0 18px rgba(58,237,68,.25)}.package p{margin:0;color:#a5b6a8;font-size:12px}.package em{display:inline-block;font-style:normal;margin-top:14px;font-size:12px;font-weight:750;color:#c7ffca}
.page{padding:54px 0 73px;min-height:65vh;animation:pageIn .25s ease-out}@keyframes pageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:28px;line-height:1.25;letter-spacing:-.8px;margin:0 0 8px;font-weight:850}.page-caption{color:var(--muted);font-size:13px;margin:0 0 23px}.notice{border:1px solid #26442d;background:#0a1c10;padding:13px 15px;border-radius:11px;color:#b6c9b8;font-size:12px;margin-bottom:16px}.notice strong{color:#ebffeb}.form-card{padding:20px;margin-bottom:16px;border:1px solid var(--border);border-radius:16px;background:rgba(9,19,13,.91);box-shadow:var(--shadow)}.form-card .step-header{display:flex;align-items:center;gap:9px;margin:0 0 15px;font-size:16px;font-weight:830}.step-number{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#071c09;font-size:12px;font-weight:870;flex-shrink:0}.form-label{font-size:12px;font-weight:720;color:#e6f1e6;display:block;margin:0 0 7px}.input{display:block;width:100%;height:44px;outline:0;border-radius:10px;border:1px solid #2e4936;background:#07110b;color:#edfff0;padding:0 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:#6d8373}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(63,242,74,.09)}textarea.input{height:auto;min-height:90px;padding:12px;resize:vertical}.inline-help{color:#96a99b;font-size:12px;margin-top:9px;display:flex;align-items:center;gap:7px}.inline-help.warning{color:#e8c77c}.inline-help.success{color:#80f98a}.inline-help svg{flex-shrink:0}.profile-preview{margin-top:12px;padding:12px;background:#12271a;border:1px solid #357d40;display:flex;gap:12px;align-items:center;border-radius:12px}.profile-preview img,.avatar-fallback{width:53px;height:53px;border-radius:10px;object-fit:cover;background:#1c3724;flex-shrink:0}.avatar-fallback{display:grid;place-items:center;font-size:25px;color:#a0b3a4}.profile-preview h4{margin:0 0 2px;font-size:14px}.profile-preview p{margin:0;color:#91ad96;font-size:12px}.profile-preview a{font-size:12px;color:var(--green);font-weight:750}.package-select{display:inline-flex;flex-direction:column;min-width:180px;text-align:left;padding:14px 16px;border:1px solid var(--green);border-radius:12px;background:linear-gradient(135deg,#193a20,#0d1b12);box-shadow:0 0 17px rgba(58,244,69,.07)}.package-select .amount{font-size:25px;letter-spacing:-.7px;color:var(--green);font-weight:880}.package-select small{max-width:145px;color:#9fb4a3;font-size:12px;line-height:1.3}.mission-box{border:1px solid #284534;border-radius:12px;padding:15px;background:#0a150e}.mission-title{display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:780;font-size:14px}.mission-desc{font-size:12px;color:#a4b4a8;margin:5px 0 14px}.mission-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:150px}.file-btn:has(input:focus-visible){outline:2px solid var(--green)}.preview-image{display:flex;gap:11px;align-items:center;background:#112b19;padding:10px;margin-top:12px;border:1px solid #2d6d3a;border-radius:10px}.preview-image img{height:70px;width:80px;object-fit:cover;border-radius:6px}.preview-image p{font-size:12px;color:#c9fbd0;word-break:break-all;margin:0}.status-check{font-size:12px;color:var(--green);font-weight:850}.submit-area{margin-top:18px}.small-print{font-size:12px;color:#91a594;margin:10px 0;text-align:center}.back-link{display:inline-flex;align-items:center;gap:6px;color:#c5d8c9;font-size:13px;margin-bottom:22px}.back-link:hover{color:var(--green)}
.success-page{padding-top:60px;text-align:center}.success-icon{margin:0 auto 18px;width:66px;height:66px;border-radius:50%;background:var(--green);color:#09320f;display:grid;place-items:center;box-shadow:0 0 38px rgba(65,237,71,.24);animation:pop .45s ease-out}@keyframes pop{from{transform:scale(.5)}to{transform:scale(1)}}.success-page h1{margin:0 0 6px}.success-page p{color:var(--muted);font-size:14px}.success-code{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px;margin:18px auto 12px;width:min(100%,350px);border:1px solid #4ca452;border-radius:12px;background:#16341d}.success-code strong{font-size:24px;letter-spacing:.7px}.copy-button{border:0;background:#2d5e34;color:#d7ffda;border-radius:8px;padding:7px}.success-page .button{margin-top:15px}.tracker-card{padding:17px}.tracker-card .input{margin-bottom:10px}.order-result{margin-top:18px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#0c1d13}.result-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.result-top h3{font-size:16px;margin:0}.order-result dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0 0}.order-result dt{color:#92a997;font-size:12px}.order-result dd{font-size:14px;font-weight:760;margin:3px 0}.pill{display:inline-flex;align-items:center;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:800;background:#253929;color:#bbdbbf;border:1px solid #365339}.pill.aprovado{border-color:#2aab43;color:#89fd98;background:#123b1c}.pill.concluido{border-color:#2dc956;color:#8aff9a;background:#10441f}.pill.recusado{border-color:#ac4640;color:#ffaaa5;background:#3c1817}.pill.analise{border-color:#8b7335;color:#f7cd76;background:#392a13}
.site-footer{border-top:1px solid rgba(48,83,53,.52);padding:23px 12px 22px;text-align:center;color:#728578;font-size:11px;margin-top:auto}.site-footer div+div{margin-top:2px}.admin-footer{display:inline-block;margin-top:10px;color:#4e6856;font-size:10px}.admin-footer:hover{color:var(--green)}.toast{position:fixed;bottom:22px;right:22px;padding:12px 18px;background:#1d3e24;color:#edffef;border:1px solid #46a650;border-radius:11px;z-index:20;box-shadow:0 14px 36px #0008;font-size:13px;font-weight:720;transition:opacity .2s,transform .2s;opacity:0;pointer-events:none;transform:translateY(10px);max-width:min(400px,calc(100vw - 40px))}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#3b1919;border-color:#c64b4b}.initial-loading{text-align:center;color:#aac5ae;margin:90px 0}
.admin-container{width:min(100% - 34px,1050px);margin:auto}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:19px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tab{padding:10px 15px;border-radius:10px;border:1px solid #314738;background:#0c1910;color:#a0b7a5;font-weight:750}.tab.active{background:#204727;border-color:#46ce57;color:white}.admin-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:13px;background:rgba(9,18,12,.9)}.admin-table{width:100%;border-collapse:collapse;min-width:680px;font-size:13px}.admin-table th{text-align:left;color:#9aafa0;background:#112219;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.admin-table td,.admin-table th{padding:14px 13px;border-bottom:1px solid #21392a}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table td strong{color:#d9ffdd}.admin-table select{background:#132719;border:1px solid #386e42;border-radius:8px;color:#effff1;padding:7px;font-size:12px;min-width:140px}.admin-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-tools .input{width:215px}.admin-settings{max-width:640px}.form-field{margin:0 0 17px}.form-field label{display:block;font-size:13px;font-weight:770;margin-bottom:6px}.admin-help{font-size:12px;color:#9db29f;margin:4px 0}.admin-login{max-width:390px;margin:20px auto}.admin-login .input{margin:10px 0}.empty{padding:32px;text-align:center;color:#91a895;font-size:14px}.admin-proof{max-width:100%;max-height:470px;display:block;margin:15px auto;border:1px solid #3c6446;border-radius:10px}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px}.modal{max-height:88vh;overflow-y:auto;width:min(95vw,570px);background:#0c1811;border:1px solid #31543b;border-radius:17px;padding:20px;box-shadow:0 20px 70px #000b}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.modal-head h3{margin:0}.close-icon{background:transparent;color:#c6dcca;border:0;font-size:24px;line-height:1}.loading-ring{height:13px;width:13px;border:2px solid #6f9976;border-top-color:#36f848;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.header-inner{height:64px;padding:8px 16px}.brand{font-size:15px}.brand-avatar,.brand-avatar img{width:37px;height:37px}.nav-link,.nav-button{font-size:12px}.nav-link{padding:9px 5px}.nav-button{padding:9px 12px}.nav-arrow{display:none}.hero{display:flex;flex-direction:column-reverse;gap:5px;padding:22px 0 17px;align-items:stretch}.mascot-stage{min-height:265px}.mascot-img{height:270px;max-width:270px}.mascot-stage:before,.mascot-stage:after{width:240px;height:240px}.mascot-label{right:10%;bottom:14%;font-size:10px}.hero h1{font-size:clamp(41px,11vw,60px);letter-spacing:-1.8px;margin:18px 0 13px}.hero p{font-size:14px}.steps{gap:10px;margin:27px auto 42px;grid-template-columns:1fr}.step-card{padding:14px 15px;display:grid;grid-template-columns:35px 1fr;align-items:center;column-gap:9px}.step-icon{grid-row:span 2;margin:0}.step-card h3{margin:0}.step-card p{margin-top:2px}.section-heading{font-size:22px}.page{padding-top:33px}.page-title{font-size:25px}.form-card{padding:16px}.site-footer{padding:16px 15px}.success-page{padding-top:51px}}@media(min-width:761px) and (max-width:1100px){.hero{padding-top:53px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
