/* style.css - Premium minimal aesthetic */
html, body {
    margin: 0;
    padding: 0;
    background-color: #000;
}

#bg-image {
    background-image: url('../images/bg_abstract.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* Premium utility classes */
.blur-nav {
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.bg-noise {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* Bento box cards */
.bento-card {
    background: #080808;
    border: 1px solid rgba(255, 255, 255, 0.06);
    position: relative;
    overflow: hidden;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.bento-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(600px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(255,255,255,0.04), transparent 40%);
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
    z-index: 0;
}

.bento-card:hover::before {
    opacity: 1;
}
.bento-card:hover {
    border-color: rgba(255, 255, 255, 0.15);
}

.bento-content {
    position: relative;
    z-index: 1;
}

/* Smooth Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #1a1a1a; border-radius: 4px; border: 1px solid #000;}
::-webkit-scrollbar-thumb:hover { background: #333; }

/* Custom Text Gradient (Apple style) */
.text-gradient-silver {
    background: linear-gradient(180deg, #fff 0%, #a1a1aa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}