*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif}body.donation-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:#fff;padding:2rem 1rem}.test-mode-banner{background:rgba(255,193,7,0.9);color:#000;padding:1rem;text-align:center;font-weight:bold;border-radius:10px;margin-bottom:1rem}.container{max-width:600px;margin:0 auto}.donation-header{text-align:center;margin-bottom:3rem}.logo{width:100px;height:100px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1rem;border:3px solid rgba(255,255,255,0.3)}.donation-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,0.2)}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:0.5rem;font-weight:500}input,textarea{width:100%;padding:0.75rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);border-radius:10px;color:#fff;font-size:1rem;font-family:inherit}input:focus,textarea:focus{outline:none;background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.5)}textarea{resize:vertical;min-height:100px}.amount-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;margin-top:0.5rem}.amount-btn{padding:0.75rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);border-radius:10px;color:#fff;font-weight:600;cursor:pointer}.amount-btn:hover{background:rgba(255,255,255,0.2)}.char-counter{text-align:right;font-size:0.85rem;opacity:0.7;margin-top:0.25rem}.btn-preview{width:100%;padding:0.75rem;background:rgba(33,150,243,0.8);border:1px solid rgba(255,255,255,0.3);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;margin-top:0.5rem}.btn-submit{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer}.success-msg{background:rgba(56,239,125,0.2);border:1px solid rgba(56,239,125,0.5);padding:1rem;border-radius:10px;margin-top:1rem;text-align:center}.error-msg{background:rgba(244,92,67,0.2);border:1px solid rgba(244,92,67,0.5);padding:1rem;border-radius:10px;margin-top:1rem;text-align:center}.info-text{text-align:center;margin-top:2rem;opacity:0.8;font-size:0.9rem}.info-text a{color:#fff;text-decoration:underline}body.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;align-items:center;justify-content:center}.login-container{background:rgba(255,255,255,0.95);border-radius:20px;padding:3rem;max-width:400px;width:100%;text-align:center}.logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1rem}.login-container h1{color:#667eea;margin-bottom:1.5rem}.login-container input{width:100%;padding:0.75rem;border:2px solid #ddd;border-radius:8px;margin-bottom:1rem;background:#fff;color:#333}.login-container .btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.login-container .error{background:#f8d7da;color:#721c24;padding:0.75rem;border-radius:8px;margin-bottom:1rem}.back-link{display:block;margin-top:1rem;color:#667eea;text-decoration:none}