body{color:#f8fafc;background-color:#0f172a;margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-layout{box-sizing:border-box;flex-direction:column;min-height:100vh;display:flex}.header-wrapper{justify-content:center;padding:20px 20px 0;display:flex}.top-navbar{background-color:#1e293b;border:1px solid #334155;border-radius:50px;justify-content:space-between;align-items:center;width:100%;max-width:800px;padding:10px 24px;display:flex;box-shadow:0 10px 15px -3px #0000004d}.server-brand{color:#fff;letter-spacing:1px;font-size:22px;font-weight:800}.server-brand span{color:#818cf8}.nav-btn{color:#fff;cursor:pointer;background-color:#334155;border:none;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s}.nav-btn:hover{background-color:#475569}.donate-container{box-sizing:border-box;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.donate-form{background-color:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}.form-title{text-align:center;letter-spacing:.5px;color:#818cf8;-webkit-user-select:none;user-select:none;cursor:default;margin-top:0;margin-bottom:28px;font-size:26px;font-weight:700}.form-group{margin-bottom:24px}.form-label{color:#94a3b8;-webkit-user-select:none;user-select:none;cursor:default;margin-bottom:8px;font-size:16px;font-weight:500;display:block}.form-input{color:#fff;box-sizing:border-box;background-color:#0f172a;border:1px solid #475569;border-radius:8px;width:100%;padding:14px;font-size:18px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f133}.form-input::placeholder{color:#64748b}.form-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{appearance:textfield}.submit-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background-color .2s,transform .1s}.submit-btn:hover{background-color:#4338ca}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;box-sizing:border-box;background-color:#0f172acc;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{background-color:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-title{color:#fff;margin:0;font-size:18px;font-weight:600}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.modal-close-btn:hover{color:#fff}.modal-body{background-color:#0f172a;justify-content:center;padding:20px;display:flex}.tg-iframe{border:none;width:100%;height:450px}.loading-text{color:#94a3b8;text-align:center;width:100%;padding:30px 0;font-size:16px}.post-container{box-sizing:border-box;background-color:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;max-height:400px;padding:24px;overflow-y:auto}.post-text{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;margin:0;font-size:15px;line-height:1.6}.social-links{align-items:center;gap:10px;display:flex}.social-btn{color:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.social-btn svg{width:18px;height:18px}.social-btn:hover{opacity:.85;transform:translateY(-2px)}.telegram-btn{background:#229ed9}.discord-btn{background:#5865f2}.youtube-btn{background:red}.server-brand{-webkit-user-select:none;user-select:none;cursor:default}.payment-methods{flex-direction:column;gap:10px;display:flex}.payment-option{cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;background-color:#0f172a;border:1px solid #475569;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;font-size:15px;transition:border-color .2s,background-color .2s;display:flex}.payment-option input[type=radio]{accent-color:#6366f1;cursor:pointer;width:18px;height:18px}.payment-option.active{background-color:#1e1b4b;border-color:#6366f1}