.donation-page{max-width:600px;margin:0 auto;min-height:100vh;background:#f5f5f7}.header{background:#fff;padding:48px 24px 32px;text-align:center;border-bottom:1px solid rgba(0,0,0,.06)}.header h1{font-size:32px;font-weight:600;margin:0 0 8px;color:#1d1d1f;letter-spacing:-.5px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.header p{font-size:17px;color:#6e6e73;margin:0;font-weight:400}.content{padding:24px}.section{margin-bottom:24px}.section h2{font-size:20px;margin-bottom:12px;font-weight:600;color:#1d1d1f;letter-spacing:-.3px}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}.method-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;border:1.5px solid #d2d2d7;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:17px;font-weight:500;color:#1d1d1f}.method-btn .icon{font-size:28px;margin-bottom:4px}.method-btn .fee{font-size:13px;color:#86868b;font-weight:400}.method-btn.active{border-color:#007aff;background:#fff;box-shadow:0 0 0 3px #007aff1a}.method-btn:hover{border-color:#007aff;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.method-btn:active{transform:translateY(0)}.wallet-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#fff;border-radius:12px;border:1px solid #d2d2d7}.wallet-status{color:#34c759;font-size:15px;font-weight:500;margin:0}.amounts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.amount-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px 16px;border:1.5px solid #d2d2d7;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:90px}.amount-btn .label{font-size:28px;font-weight:600;color:#1d1d1f;letter-spacing:-.5px}.amount-btn .value{font-size:14px;color:#86868b;font-weight:400}.amount-btn.active{border-color:#007aff;background:#007aff;box-shadow:0 2px 12px #007aff40}.amount-btn.active .label,.amount-btn.active .value{color:#fff}.amount-btn:hover{border-color:#007aff;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.amount-btn:active{transform:translateY(0)}.custom-amount{margin-top:12px}.custom-input{width:100%;padding:14px 16px;border:1.5px solid #d2d2d7;border-radius:10px;font-size:17px;background:#fff;color:#1d1d1f;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.custom-input::placeholder{color:#86868b}.custom-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.message-input{width:100%;padding:14px 16px;border:1.5px solid #d2d2d7;border-radius:10px;font-size:17px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;resize:vertical;background:#fff;color:#1d1d1f;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:80px}.message-input::placeholder{color:#86868b}.message-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.donate-section{position:sticky;bottom:0;background:#fff;padding:20px 24px 32px;margin:24px -24px 0;border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -2px 16px #0000000a}.total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:17px;color:#1d1d1f}.total span:first-child{font-weight:400;color:#86868b}.total .amount{font-size:24px;font-weight:600;color:#007aff;letter-spacing:-.5px}.donate-btn{width:100%;padding:16px 24px;background:#007aff;color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #007aff40;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;letter-spacing:-.2px}.donate-btn:hover:not(:disabled){background:#0071e3;transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.donate-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #007aff4d}.donate-btn:disabled{background:#d2d2d7;color:#86868b;cursor:not-allowed;box-shadow:none}@media (max-width: 480px){.header{padding:32px 20px 24px}.header h1{font-size:28px}.header p{font-size:15px}.content{padding:20px}.section h2{font-size:18px}.amount-btn{min-height:80px;padding:20px 12px}.amount-btn .label{font-size:24px}.donate-section{padding:16px 20px 28px;margin:20px -20px 0}}@media (prefers-color-scheme: dark){.donation-page{background:#000}.header{background:#1c1c1e;border-bottom-color:#ffffff1a}.header h1{color:#f5f5f7}.header p{color:#98989d}.section h2{color:#f5f5f7}.method-btn,.wallet-section,.amount-btn,.custom-input,.message-input{background:#1c1c1e;border-color:#38383a;color:#f5f5f7}.method-btn .fee,.amount-btn .value,.custom-input::placeholder,.message-input::placeholder{color:#98989d}.donate-section{background:#1c1c1e;border-top-color:#ffffff1a}.total{color:#f5f5f7}.total span:first-child{color:#98989d}}.app{min-height:100vh;padding-bottom:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f5f5f7;color:#1d1d1f;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%}button{font-family:inherit;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}