:root {--bg-app: #050505;--card-bg: #0A0A0A;--card-border: #1F1F22;--primary: #3b82f6;--accent: #6366f1;}body {background-color: var(--bg-app);color: #ffffff;font-family: 'Inter', sans-serif;overflow-x: hidden;height: 100%;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.fade-in-up {animation: fadeInUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;}::-webkit-scrollbar {width: 6px;height: 6px;}::-webkit-scrollbar-track {background: transparent;}::-webkit-scrollbar-thumb {background: #27272a;border-radius: 3px;}::-webkit-scrollbar-thumb:hover {background: #3f3f46;}.glass-nav {background: rgba(5, 5, 5, 0.7);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.glass-card {background: linear-gradient(180deg, rgba(20, 20, 20, 0.6) 0%, rgba(10, 10, 10, 0.8) 100%);backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.05);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}.spotlight-group:hover .spotlight-item:hover {background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.06), transparent 40%);}.nav-link {position: relative;color: #a1a1aa;transition: color 0.2s;}.nav-link:hover {color: #fff;}.nav-link::after {content: '';position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);width: 0;height: 2px;background: var(--primary);transition: width 0.3s ease;box-shadow: 0 0 10px var(--primary);}.nav-link:hover::after,.nav-link.active::after {width: 20px;}.bento-grid {display: grid;grid-template-columns: repeat(1, 1fr);gap: 1.5rem;}@media (min-width: 768px) {.bento-grid {grid-template-columns: repeat(3, 1fr);grid-auto-rows: minmax(180px, auto);}}.bento-item {border-radius: 1.5rem;overflow: hidden;position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid rgba(255, 255, 255, 0.03);background: #09090b;}.bento-item:hover {transform: translateY(-4px);box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);border-color: rgba(255, 255, 255, 0.1);z-index: 2;}.bento-large {grid-column: span 1;}@media (min-width: 768px) {.bento-large {grid-column: span 2;grid-row: span 2;}.bento-tall {grid-row: span 2;}}.bento-overlay {background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 10%, transparent 80%);position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 1.5rem;}.meta-pill {font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;padding: 4px 10px;border-radius: 99px;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(4px);border: 1px solid rgba(255, 255, 255, 0.1);}