:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:#ededed;background:#000;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:#000}main{max-width:748px;margin:0 auto;padding:64px 24px 80px}header{margin:0 0 35px;padding:0 8px}h1{max-width:580px;font-size:clamp(36px,5.8vw,52px);line-height:1.08;letter-spacing:-1.9px;margin:0 0 19px;font-weight:650;text-wrap:balance}p{line-height:1.65}header p{font-size:16px;color:#a3a3a8;margin:0;max-width:450px}main>section{padding:34px 36px 36px;background:linear-gradient(150deg,#131315 0%,#0d0d0f 55%,#101012 100%);border:1px solid #303034;border-radius:20px;box-shadow:0 1px 0 #ffffff08 inset,0 22px 65px #0008}.demo-note{padding:0 0 21px;margin:0 0 27px;border-bottom:1px solid #29292d;color:#a0a0a6;font-size:13px;line-height:1.7}.field{margin-bottom:26px}label{display:block;font-size:14px;line-height:1.5;font-weight:600;letter-spacing:.05px;margin-bottom:10px;color:#e5e5e8}input,textarea,button{font:inherit}input:not([type=file]),textarea{width:100%;display:block;border:1px solid #36363b;background:#080809;border-radius:10px;color:#f5f5f7;padding:16px 17px;font-size:16px;outline:none;box-shadow:0 1px 2px #0003 inset;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder,textarea::placeholder{color:#85858e;font-weight:400}input:not([type=file]):hover,textarea:hover{border-color:#525259}input:not([type=file]):focus,textarea:focus{border-color:#a1a1ad;box-shadow:0 0 0 3px #d3d3e310;background:#0b0b0e}textarea{resize:vertical;min-height:156px;line-height:1.65}small{font-size:12px;line-height:1.6;color:#92929b;display:block;margin-top:9px}#counter{text-align:right;font-variant-numeric:tabular-nums}.dropzone{position:relative;padding:23px 24px;border:1px solid #404047;border-radius:12px;text-align:left;background:linear-gradient(135deg,#1b1b20,#141416);transition:border-color .18s,background .18s}.dropzone:hover{border-color:#73737e;background:#202024}.dropzone strong{display:inline-block;font-size:14px;font-weight:600;color:#fafafa;padding:11px 15px;background:#2b2b31;border:1px solid #52525c;border-radius:7px;box-shadow:0 1px 0 #ffffff0c inset}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone:focus-within,.dropzone.dragging{outline:2px solid #b2b2bf;outline-offset:4px}#file-help{font-size:14px;color:#d2d2d7;line-height:1.7;margin-top:17px;max-width:460px}.file-formats{display:block;font-size:12px;color:#a0a0aa;margin-top:10px}.attachment{border:1px solid #41414a;border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;background:#17171b}.attachment img{width:48px;height:58px;object-fit:cover;border-radius:5px}.attachment>div{flex:1;min-width:0}.attachment strong{font-size:14px;overflow-wrap:anywhere;line-height:1.5}.attachment small{margin-top:4px}.attachment button{border:1px solid #4a4a53;border-radius:7px;background:#242429;color:#eee;font-size:13px;padding:11px 13px;cursor:pointer;min-height:42px}.helper{font-size:13px;line-height:1.7;color:#a0a0a8;margin:2px 0 24px;max-width:460px}.submit{display:block;width:100%;min-height:56px;padding:17px 20px;background:linear-gradient(180deg,#fff,#dedee3);color:#151518;border:1px solid #fff;border-radius:10px;font-size:16px;font-weight:650;letter-spacing:.05px;cursor:pointer;box-shadow:0 1px 0 #ffffff99 inset,0 4px 14px #0003;transition:transform .18s,box-shadow .18s,filter .18s}.submit:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 6px 24px #ffffff0e}.submit:active{transform:translateY(0);filter:brightness(.94)}.submit:disabled{opacity:.6;cursor:wait;transform:none}.error{font-size:14px;color:#ffb4b4;margin:10px 0;line-height:1.6}.error:empty{display:none}[hidden]{display:none!important}:focus-visible{outline:2px solid #ccc;outline-offset:4px}dialog{width:calc(100% - 40px);max-width:450px;padding:32px;border:1px solid #41414a;border-radius:18px;background:#121215;color:#eee;box-shadow:0 25px 90px #000a}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog h2{font-size:27px;margin:13px 0;letter-spacing:-.6px;line-height:1.25}dialog p{color:#b1b1ba;font-size:15px}#result-tag{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#9696a0}dialog .submit{margin-top:27px}@media(max-width:600px){main{padding:35px 16px 40px}header{padding:0 5px;margin-bottom:27px}h1{font-size:38px;letter-spacing:-1.3px;margin-bottom:16px}header p{font-size:15px;max-width:320px}main>section{padding:25px 20px;border-radius:16px}.field{margin-bottom:24px}.dropzone{padding:20px 17px}.dropzone strong{font-size:13px;padding:11px 12px}.attachment{flex-wrap:wrap}.demo-note{font-size:12px;margin-bottom:25px}input:not([type=file]),textarea{padding:15px}dialog{padding:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Cabeçalho e comprovante refinados */
.support-header{text-align:center;padding:0 8px;margin-bottom:34px}
.support-header h1{max-width:none;text-wrap:initial;margin:0 0 20px;letter-spacing:-1.7px}
.title-main{display:block;font-size:clamp(36px,7vw,58px);font-weight:650;line-height:1.08}
.title-sub{display:block;margin-top:7px;font-size:clamp(26px,5vw,38px);font-weight:450;letter-spacing:-.8px;color:#c5c5cd;line-height:1.15}
.support-header p{max-width:none;margin:0;color:#a7a7b0;font-size:15px;line-height:1.7}
.receipt-field>label{font-size:15px;margin-bottom:12px}
.receipt-panel{padding:21px;background:#141417;border:1px solid #36363d;border-radius:12px}
.receipt-instruction{margin:0 0 18px;font-size:14px;color:#b8b8c2;line-height:1.7;max-width:450px}
.receipt-instruction strong{font-weight:600;color:#f1f1f4}
.receipt-panel .dropzone{padding:17px 14px;border:1px dashed #50505c;border-radius:9px;background:#0b0b0e;text-align:center}
.receipt-panel .dropzone:hover{border-color:#a5a5b0;background:#17171c}
.receipt-panel .dropzone strong{display:block;width:100%;padding:12px 8px;background:#e8e8ed;color:#17171d;border:1px solid #f1f1f4;border-radius:6px;font-size:14px;font-weight:650;box-shadow:none}
.receipt-panel #file-help{font-size:12px;line-height:1.5;color:#aaaab4;margin:11px 0 0;max-width:none}
.receipt-restriction{font-size:12px;line-height:1.65;color:#acacb6;margin:15px 0 0}
.receipt-panel .attachment{padding:12px;background:#0b0b0e}
@media(max-width:600px){main{padding-top:34px}.support-header{margin-bottom:28px;padding:0 4px}.support-header h1{margin-bottom:17px}.title-main{font-size:clamp(33px,9.5vw,44px);letter-spacing:-1.2px}.title-sub{font-size:29px;letter-spacing:-.6px;margin-top:5px}.support-header p{font-size:14px}.receipt-panel{padding:17px}.receipt-instruction{font-size:14px;margin-bottom:16px}.receipt-panel .dropzone{padding:14px 12px}}

/* Movimento e acabamento prateado */
body{isolation:isolate}
body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:-1;inset:-15%;background-repeat:no-repeat;will-change:transform}
body::before{background:radial-gradient(ellipse at 18% 18%,rgba(154,163,191,.18),transparent 38%),radial-gradient(ellipse at 88% 68%,rgba(123,137,167,.12),transparent 38%);animation:ambient-drift 17s ease-in-out infinite alternate}
body::after{background:linear-gradient(118deg,transparent 34%,rgba(196,202,222,.055) 45%,transparent 56%);animation:ambient-sweep 23s ease-in-out infinite alternate}
main{position:relative}
.support-header{animation:entrance .8s ease-out both}
.support-header h1{overflow:visible}
.title-main{font-size:clamp(30px,6.5vw,51px);letter-spacing:-1.3px}
.title-sub{font-size:clamp(23px,4.5vw,32px);letter-spacing:2px;font-weight:500}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.title-main,.title-sub{background:linear-gradient(110deg,#aaaab7 0%,#f8f8fc 27%,#fff 40%,#989baa 54%,#eeeef5 73%,#aaaab7 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:title-sheen 8s ease-in-out infinite alternate}
.title-sub{animation-delay:-3s}
}
main>section{animation:entrance .9s .12s ease-out both;transition:border-color .3s,box-shadow .3s}
main>section:focus-within{border-color:#555561;box-shadow:0 1px 0 #ffffff0a inset,0 20px 65px #0008,0 0 30px #bbbbee05}
.field{transition:transform .25s}
.field:focus-within>label{color:#fff}
label{transition:color .2s}
.submit{position:relative;overflow:hidden}
.submit::after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(105deg,transparent 30%,#fff9 48%,transparent 66%);transform:translateX(-130%);animation:button-sheen 7s ease-in-out infinite}
.submit:disabled::after{animation:none;opacity:0}
.attachment:not([hidden]){animation:entrance .3s ease-out both}
dialog[open]{animation:dialog-entrance .25s ease-out both}
@keyframes ambient-drift{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(5%,5%,0) scale(1.09)}}
@keyframes ambient-sweep{from{transform:translate3d(-10%,0,0);opacity:.5}to{transform:translate3d(14%,4%,0);opacity:1}}
@keyframes title-sheen{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes entrance{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-entrance{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes button-sheen{0%,70%{transform:translateX(-130%)}95%,100%{transform:translateX(130%)}}
@media(max-width:600px){.title-main{font-size:clamp(26px,8.3vw,40px);letter-spacing:-1px}.title-sub{font-size:clamp(21px,6vw,28px);letter-spacing:1.7px;margin-top:10px}body::before{background:radial-gradient(ellipse at 12% 18%,rgba(154,163,191,.16),transparent 43%),radial-gradient(ellipse at 95% 75%,rgba(123,137,167,.12),transparent 40%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body::before,body::after{will-change:auto}.title-main,.title-sub{background:none;color:#eee;-webkit-text-fill-color:currentColor}.submit::after{display:none}}