body{color:#f8fafc;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%) fixed;justify-content:center;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.App{text-align:center;width:100%;max-width:1000px;padding:40px 20px}header{margin-bottom:40px}header h1{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#f472b6 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000004d;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:3.5rem;font-weight:800}header p{color:#cbd5e1;max-width:600px;margin:0 auto;font-size:1.2rem;font-weight:400;line-height:1.6}.controls-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:40px;padding:32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0009}.controls-card:before{content:"";background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);height:2px;position:absolute;top:0;left:0;right:0}button{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-toggle{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 15px #3b82f64d}.btn-download{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 8px 25px #3b82f666}button:active:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-nav{color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#475569cc;border:1px solid #ffffff1a}.btn-nav:hover:not(:disabled){background:#64748be6;box-shadow:0 4px 15px #4755694d}.page-counter{color:#94a3b8;margin:0 20px;font-size:16px;font-weight:500}.pdf-viewer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;margin-bottom:40px;padding:24px;box-shadow:0 20px 40px #0006}canvas{border-radius:12px;max-width:100%;transition:all .3s;box-shadow:0 10px 30px #00000080;height:auto!important}.dark-mode-canvas{filter:invert()hue-rotate(180deg)contrast(1.1)}.donation-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:20px;margin-top:40px;padding:32px;box-shadow:0 25px 50px -12px #0009}.donation-section h3{color:#f1f5f9;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:1.5rem;font-weight:700}.donation-section p{color:#cbd5e1;margin-bottom:24px;font-size:1rem;line-height:1.6}.qr-container{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px;display:inline-block;box-shadow:0 8px 25px #0003}.qr-placeholder{color:#64748b;text-align:center;background-color:#0000;background-image:linear-gradient(45deg,#f1f5f9 25%,#0000 25%),linear-gradient(-45deg,#f1f5f9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f1f5f9 75%),linear-gradient(-45deg,#0000 75%,#f1f5f9 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.qr-image{border-radius:8px;width:150px;height:150px;display:block}.donation-note{color:#94a3b8;font-size:.9rem;font-style:italic}@media (width<=768px){.App{padding:20px 15px}header h1{font-size:2.5rem}header p{font-size:1rem}.controls-card{padding:24px 20px}.pdf-viewer{padding:16px}.donation-section{padding:24px 20px}.qr-container{padding:12px}.qr-placeholder,.qr-image{width:120px;height:120px;font-size:12px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}button:disabled{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}input[type=file]{transition:all .3s}input[type=file]:hover{transform:scale(1.02)}