body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#2b2b2b;color:#f4f4f4}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2b2b2b}::-webkit-scrollbar-thumb{background:#3d348b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff5da2}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #FF5DA2;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary{background-color:#ff5da2;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background-color:#e04a8a;transform:translateY(-2px)}.btn-secondary{background-color:#3d348b;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background-color:#2a2563;transform:translateY(-2px)}.form-input{width:100%;padding:12px 16px;border:2px solid #3D348B;border-radius:8px;background-color:#2b2b2b;color:#f4f4f4;font-size:16px;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#ff5da2}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#f4f4f4}.card{background-color:#3d348b;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.card:hover{transform:translateY(-4px)}.text-center{text-align:center}.text-sakura-pink{color:#ff5da2}.text-indigo{color:#3d348b}.text-jade-green{color:#06d6a0}.bg-charcoal{background-color:#2b2b2b}.bg-warm-gray{background-color:#f4f4f4}@media (max-width: 768px){.card{padding:16px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:14px}}