@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --primary: #6C63FF;
    --primary-hover: #5b54d6;
    --secondary: #00D4AA;
    --surface: #0F0F1A;
    --surface-2: #1A1A2E;
    --surface-3: #16213E;
    --text-primary: #FFFFFF;
    --text-secondary: #8892B0;
    --border: rgba(255,255,255,0.08);
    --border-hover: rgba(255,255,255,0.18);
    --danger: #FF6B6B;
    --warning: #FCA311;
    --success: #10B981;
    --gradient: linear-gradient(135deg,#6C63FF,#00D4AA);
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --shadow-hover: 0 12px 40px rgba(108,99,255,0.22);
}

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;background:var(--surface);color:var(--text-primary);line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;}

/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.animate-fade-in{animation:fadeInUp 0.5s ease forwards;}

/* Pagination (for public pages) */
.pagination{display:flex;list-style:none;gap:6px;flex-wrap:wrap;}
.pagination li a,.pagination li strong{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:#fff;font-weight:600;font-size:0.85rem;padding:0 12px;transition:all 0.2s;}
.pagination li a:hover{background:rgba(255,255,255,0.05);}
.pagination li strong{background:var(--primary);border-color:var(--primary);}