*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#dc143c 0%,#ffd700 50%,#dc143c 100%);min-height:100vh;color:#2c1810;line-height:1.6}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{max-width:400px;width:100%;background:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);overflow:hidden}.header{text-align:center;padding:30px 20px 20px;background:linear-gradient(135deg,#dc143c,#ffd700);color:#fff}.la-rauxa-text{text-align:center;margin-bottom:20px}.subtitle{font-size:14px;opacity:.9;font-weight:600;color:#000}.content{padding:30px 20px}.link-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 20px;margin-bottom:15px;border:none;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.link-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.link-button:active{transform:translateY(-1px)}.google{background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 15px #4285f44d}.google:hover{box-shadow:0 8px 30px #4285f466}.google:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.google:hover:before{left:100%}.instagram{background:linear-gradient(135deg,#e4405f,#c13584);color:#fff;box-shadow:0 4px 15px #e4405f4d}.instagram:hover{box-shadow:0 8px 30px #e4405f66}.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.wifi{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;box-shadow:0 4px 15px #4a90e24d}.wifi:hover{box-shadow:0 8px 30px #4a90e266}.pix{background:linear-gradient(135deg,#32bcad,#00d4aa);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 15px #32bcad4d}.pix:hover{box-shadow:0 8px 30px #32bcad66}.pix:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.pix:hover:before{left:100%}.icon{width:24px;height:24px;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.link-button:hover .icon{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.google .icon,.instagram .icon,.wifi .icon,.pix .icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(255,255,255,.3))}.link-button.active{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;border:2px solid rgba(255,255,255,.5)}.wifi.active{box-shadow:0 8px 30px #4a90e299;background:linear-gradient(135deg,#357abd,#4a90e2)}.pix.active{box-shadow:0 8px 30px #32bcad99;background:linear-gradient(135deg,#00d4aa,#32bcad)}.link-button.active .icon{transform:scale(1.2);filter:drop-shadow(0 4px 8px rgba(255,255,255,.5))}.wifi-info{background:rgba(74,144,226,.1);border:1px solid rgba(74,144,226,.2);border-radius:12px;padding:20px;margin-top:20px;text-align:center}.wifi-info h3{color:#3270bc;margin:0 0 15px;font-size:18px}.pix-field strong{color:#3270bc;word-break:break-all}.wifi-details{background:rgba(255,255,255,.1);padding:15px;border-radius:8px;margin-top:10px;color:#3270bc}.wifi-field{display:flex;align-items:center;justify-content:center;margin-bottom:8px;padding:8px;background:rgba(255,255,255,.05);border-radius:6px;gap:4px}.copy-button-wifi{background:rgba(0,110,255,.2);border:1px solid #0059ff;border-radius:4px;padding:6px;cursor:pointer;color:#0059ff;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.copy-button-wifi:hover{background:rgba(0,153,255,.2);transform:scale(1.05)}.copy-button-wifi:active{transform:scale(.95)}.copy-button-pix{background:rgba(50,188,173,.1);border:1px solid #32bcad;border-radius:4px;padding:6px;cursor:pointer;color:#32bcad;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.copy-button-pix:hover{background:rgba(50,188,173,.1);transform:scale(1.05)}.copy-button-pix:active{transform:scale(.95)}.pix-info{background:rgba(50,188,173,.1);border:2px solid #32bcad;border-radius:12px;padding:20px;margin-top:15px;text-align:center}.pix-info h3{color:#32bcad;margin:0 0 15px;font-size:18px}.pix-details{background:rgba(255,255,255,.1);padding:15px;border-radius:8px;margin-top:10px;color:#32bcad}.pix-field{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:8px;background:rgba(255,255,255,.05);border-radius:6px;flex-wrap:wrap;gap:8px}.pix-field strong{color:#32bcad;word-break:break-all}.footer{text-align:center;padding:20px;font-size:12px;color:#888;border-top:1px solid rgba(0,0,0,.1)}@media (max-width: 480px){.container{margin:10px;border-radius:15px}.header{padding:25px 15px 15px}.logo{width:70px;height:70px;font-size:28px}.title{font-size:22px}.content{padding:25px 15px}.link-button{padding:14px 16px;font-size:15px}}@media (max-width: 360px){.link-button{padding:12px 14px;font-size:14px}.logo{width:60px;height:60px;font-size:24px}.title{font-size:20px}}