@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#09090b;--bg-gradient:radial-gradient(circle at 50% -20%, #1e1b4b 0%, #09090b 80%);--accent-1:#6366f1;--accent-2:#ec4899;--accent-3:#8b5cf6;--text-primary:#fff;--text-secondary:#a1a1aa;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.cloud-page{box-sizing:border-box;background:#020617 radial-gradient(#ffffff0d 1px,#0000 1px) 0 0/24px 24px;flex-direction:column;width:100vw;height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.cloud-top-header{text-align:center;margin-bottom:2.5rem;animation:.8s cubic-bezier(.16,1,.3,1) slideDown}.cloud-top-header h1{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;text-shadow:0 10px 30px #a5b4fc26;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.cloud-top-header p{color:#94a3b8;letter-spacing:.02em;font-size:1.25rem;font-weight:500}.cloud-layout{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:2rem;width:100%;max-width:1800px;margin:0 auto;display:flex;position:relative;overflow-y:auto}.cloud-layout::-webkit-scrollbar{display:none}.messages-grid{flex-wrap:wrap;place-content:flex-start center;gap:1.5rem;width:100%;padding:1rem 1rem 4rem;display:flex}.messages-grid::-webkit-scrollbar{display:none}.qr-sidebar{z-index:10;flex-direction:column;justify-content:center;align-items:center;margin-top:1.5rem;margin-bottom:2rem;display:flex}.qr-elegant-card{-webkit-backdrop-filter:blur(40px);background:linear-gradient(145deg,#1e293bb3,#0f172af2);border:1px solid #ffffff26;border-radius:48px;flex-direction:column;align-items:center;gap:2.5rem;padding:3rem 4rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;animation:6s ease-in-out infinite floatQR;display:flex;position:relative;box-shadow:0 25px 50px #0009,inset 0 2px #ffffff26,0 0 30px #6366f126}@keyframes floatQR{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.qr-elegant-card:hover{animation-play-state:paused;transform:translateY(-5px)scale(1.02);box-shadow:0 50px 120px #000000e6,inset 0 2px #ffffff4d,0 0 80px #6366f166}.qr-elegant-card:before{content:"";-webkit-mask-composite:xor;opacity:.9;pointer-events:none;background:linear-gradient(135deg,#6366f1,#ec4899,#8b5cf6,#3b82f6) 0 0/300% 300%;border-radius:50px;padding:3px;animation:6s infinite borderGradient;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes borderGradient{0%{opacity:.7;background-position:0%;box-shadow:0 0 40px #6366f1}50%{opacity:1;background-position:100%;box-shadow:0 0 60px #ec4899}to{opacity:.7;background-position:0%;box-shadow:0 0 40px #6366f1}}@keyframes borderPulse{0%,to{opacity:.6;filter:hue-rotate()}50%{opacity:1;filter:hue-rotate(30deg);box-shadow:0 0 30px #6366f1}}.qr-image-wrapper{background:#fff;border-radius:32px;padding:16px;position:relative;box-shadow:0 30px 60px #0009}.qr-image-wrapper:after{content:"";z-index:-1;opacity:.65;filter:blur(25px);background:linear-gradient(135deg,#6366f1,#ec4899,#3b82f6);border-radius:40px;animation:4s infinite alternate pulseBlur;position:absolute;inset:-8px}@keyframes pulseBlur{0%{filter:blur(20px);opacity:.5}to{filter:blur(35px);opacity:.8}}.qr-image-wrapper img{border-radius:20px;display:block}.qr-text h3{color:#fff;letter-spacing:-.02em;text-shadow:0 4px 20px #0009;text-align:center;margin-bottom:.2rem;font-size:2.5rem;font-weight:800}.qr-text span{color:#a5b4fc;letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(135deg,#a5b4fc,#ec4899);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.elegant-bubble{border:1px solid #ffffff0d;border-top:3px solid var(--bubble-color,#fff3);-webkit-backdrop-filter:blur(12px);background:#1e293b80;border-radius:20px 20px 20px 6px;flex-direction:column;flex:320px;gap:1.2rem;min-width:320px;max-width:420px;padding:1.75rem;transition:transform .3s,box-shadow .3s;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;box-shadow:0 15px 35px #0003}.elegant-bubble:hover{background:#1e293bb3;transform:translateY(-5px);box-shadow:0 25px 50px #0006,inset 0 1px #ffffff1a}.elegant-bubble-header{align-items:center;gap:1rem;display:flex}.elegant-bubble-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #fff3,0 4px 12px #0003}.elegant-bubble-name{color:#f8fafc;letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.elegant-bubble-message{color:#cbd5e1;font-size:1.15rem;font-weight:400;line-height:1.6}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.submit-container{background:var(--bg-dark);background-image:var(--bg-gradient);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.submit-card{-webkit-backdrop-filter:blur(24px);background:#ffffff05;border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:420px;padding:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 30px 60px #0006,inset 0 1px #ffffff1a}.submit-card h2{letter-spacing:-.02em;color:#fff;text-align:center;margin-bottom:.5rem;font-size:2rem;font-weight:800}.submit-card p{text-align:center;color:var(--text-secondary);margin-bottom:2.5rem;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);margin-bottom:.6rem;font-size:.95rem;font-weight:600;display:block}.form-control{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:1.1rem 1.2rem;font-family:inherit;font-size:1.05rem;transition:all .3s}.form-control::placeholder{color:#ffffff4d}.form-control:focus{border-color:var(--accent-1);background:#0006;outline:none;box-shadow:0 0 0 4px #6366f126}textarea.form-control{resize:vertical;min-height:120px;line-height:1.5}.submit-btn{background:linear-gradient(135deg, var(--accent-1), var(--accent-3));color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.2rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 25px #6366f14d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 35px #6366f166}.submit-btn:active:not(:disabled){transform:translateY(1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;color:#fff6;background:#ffffff1a}.success-message{text-align:center;flex-direction:column;align-items:center;animation:.5s fadeIn;display:flex}.success-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 10px 30px #10b9814d,inset 0 2px #fff3}.success-message h3{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:800}.success-message p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem}.new-feedback-btn{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1rem 2rem;font-family:inherit;font-size:1.05rem;font-weight:600;transition:all .3s}.new-feedback-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.feedback-receipt{text-align:left;background:linear-gradient(145deg,#ffffff0f,#ffffff03);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:1rem;width:100%;margin-bottom:2.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0003,inset 0 1px #ffffff1a}.feedback-receipt:before{content:"";background:var(--receipt-color,var(--accent-1));height:4px;box-shadow:0 0 15px var(--receipt-color,var(--accent-1));position:absolute;top:0;left:0;right:0}.receipt-header{align-items:center;gap:.75rem;display:flex}.receipt-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:inset 0 0 0 2px #ffffff4d,0 4px 12px #0000004d}.receipt-name-group{flex-direction:column;display:flex}.receipt-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.1rem;font-size:.75rem;font-weight:600}.receipt-name{color:#fff;font-size:1.1rem;font-weight:700}.receipt-body{background:#00000040;border:1px solid #ffffff0d;border-radius:12px;padding:1rem 1.25rem}.receipt-message{color:#ffffffe6;font-size:1rem;line-height:1.6}.receipt-footer{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.8rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}