.app-card{display:flex;align-items:flex-start;gap:18px;height:100%;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:22px 24px;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease,background .3s ease;animation:cardIn .6s ease-out both;position:relative;overflow:hidden}.app-card:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transition:left .6s ease}.app-card:hover:after{left:120%}.app-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 40px #6366f126,0 0 0 1px #ffffff1a inset;border-color:#ffffff26;background:#ffffff0f}.app-card--gold{border-color:#fbbf2440;box-shadow:0 0 30px #fbbf2414}.app-card--silver{border-color:#cbd5e140;box-shadow:0 0 25px #cbd5e10f}.app-card--bronze{border-color:#fb923c40;box-shadow:0 0 25px #fb923c0f}.app-card__rank{font-size:26px;font-weight:800;min-width:52px;text-align:center;line-height:1;color:#94a3b8;position:relative}.app-card__rank--top3{animation:rankPulse 2s ease-in-out infinite}@keyframes rankPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.app-card__body{flex:1;min-width:0;display:flex;flex-direction:column}.app-card__header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.app-card__icon{font-size:22px;filter:drop-shadow(0 0 6px rgba(255,255,255,.1))}.app-card__name{font-size:18px;font-weight:700;color:#f1f5f9}.app-card__desc{color:#94a3b8;font-size:14px;margin-bottom:14px;line-height:1.6;flex:1}.app-card__footer{display:flex;align-items:center;justify-content:space-between}.app-card__clicks{font-size:13px;color:#64748b;display:flex;align-items:center;gap:4px}.app-card__btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;padding:9px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;position:relative;z-index:1}.app-card__btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.app-card__btn:active{transform:translateY(0)}@media (max-width: 640px){.app-card{padding:16px 18px;gap:12px;border-radius:14px}.app-card__rank{font-size:20px;min-width:38px}.app-card__name{font-size:16px}.app-card__btn{padding:7px 16px;font-size:13px}.app-card__icon{font-size:18px}}.fb-float{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 20px #6366f166;z-index:1000;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;animation:fbPulse 3s ease-in-out infinite}@keyframes fbPulse{0%,to{box-shadow:0 4px 20px #6366f166}50%{box-shadow:0 4px 32px #6366f199}}.fb-float:hover{transform:scale(1.1);box-shadow:0 6px 28px #6366f199}.fb-panel{position:fixed;right:24px;bottom:92px;width:360px;max-width:calc(100vw - 32px);background:#0f0a2ee6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 16px 48px #0006;z-index:1001;animation:panelIn .25s ease-out}@keyframes panelIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.fb-panel__header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06);font-weight:700;font-size:16px;color:#f1f5f9}.fb-panel__close{border:none;background:#ffffff0d;color:#94a3b8;font-size:16px;cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:background .2s}.fb-panel__close:hover{background:#ffffff1a;color:#e2e8f0}.fb-panel__body{padding:18px 22px 22px}.fb-panel__success{padding:40px 22px;text-align:center;color:#34d399;font-size:16px;font-weight:700}.fb-label{display:block;font-size:13px;color:#94a3b8;margin-bottom:6px;margin-top:14px;font-weight:500}.fb-label:first-child{margin-top:0}.fb-radio-group{display:flex;flex-direction:column;gap:10px}.fb-radio{display:flex;align-items:center;gap:8px;font-size:14px;color:#cbd5e1;cursor:pointer}.fb-radio input[type=radio]{accent-color:#818cf8}.fb-select,.fb-input{width:100%;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:14px;color:#e2e8f0;outline:none;transition:border-color .2s,background .2s}.fb-select:focus,.fb-input:focus,.fb-textarea:focus{border-color:#818cf880;background:#ffffff0f}.fb-select option{background:#1e1648;color:#e2e8f0}.fb-textarea{width:100%;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:14px;color:#e2e8f0;resize:vertical;outline:none;font-family:inherit;transition:border-color .2s,background .2s}.fb-submit{width:100%;margin-top:18px;padding:11px 0;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.fb-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.fb-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.fb-float{right:16px;bottom:16px;width:48px;height:48px;font-size:20px}.fb-panel{right:0;bottom:72px;width:100%;max-width:100vw;border-radius:20px 20px 0 0}}
