/* AISerNet Global Styles */

:root {
    --primary: #00ffff;
    --background-light: #f5f8f8;
    --background-dark: #0f2323;
    --surface-dark: #162e2e;
    --border-dark: #273a3a;
    --accent: #1b3d3d;
}

body {
    font-family: 'Space Grotesk', sans-serif;
}

/* Glass Panel Effect */
.glass-panel {
    background: rgba(15, 35, 35, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 255, 255, 0.1);
}

/* Text Gradient Effects */
.gradient-text,
.text-gradient {
    background: linear-gradient(90deg, #00ffff, #008888);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.text-gradient {
    background: linear-gradient(135deg, #fff 0%, #00ffff 100%);
}

/* Asymmetric Clip for Design Elements */
.asymmetric-clip {
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}

/* Signal Grid Background Pattern */
.signal-grid {
    background-image: radial-gradient(circle at 2px 2px, rgba(0, 255, 255, 0.05) 1px, transparent 0);
    background-size: 40px 40px;
}

/* Tension Line Divider */
.tension-line {
    background: linear-gradient(90deg, transparent 0%, #00ffff 50%, transparent 100%);
    height: 1px;
    width: 100%;
}

/* Asymmetric Grid Layout */
.asymmetric-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
}

/* Tech Gradient Background */
.tech-gradient {
    background: linear-gradient(135deg, #0f2323 0%, #162e2e 100%);
}

/* Border Glow Effect */
.border-glow {
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.1);
}

/* Smooth Transitions */
a, button, .hover\:bg-primary\/5 {
    transition: all 0.3s ease;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(0, 255, 255, 0.05);
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 255, 255, 0.3);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 255, 255, 0.5);
}
/* Shared accessibility */
@font-face{font-family:'NEBULA';src:url('assets/fonts/Nebula-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
[hidden]{display:none!important}html{scroll-padding-top:6rem}body{overflow-wrap:break-word}main{min-width:0}.aisernet-credit{font-family:'NEBULA',sans-serif;font-size:10pt;color:#94a3b8}
:focus-visible{outline:2px solid #00ffff!important;outline-offset:5px}
.skip-link{position:fixed;top:-100px;left:1rem;z-index:200;padding:1rem;background:#00ffff;color:#0f2323}.skip-link:focus{top:1rem}
.desktop-navigation{display:none}.desktop-navigation a{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.desktop-navigation a:hover,[data-site-nav] a[aria-current='page']{color:#00ffff}.mobile-navigation-trigger{display:block}
.mobile-navigation-dialog{position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;padding:5rem 1.5rem 2rem}.mobile-navigation-dialog[open]{display:flex;align-items:center;justify-content:center}.mobile-navigation-dialog::backdrop{background:rgba(15,35,35,.95)}
@media(min-width:1100px){.desktop-navigation{display:flex}.mobile-navigation-trigger{display:none}}
@media(max-width:639px){main h1{font-size:clamp(2.5rem,11vw,3.75rem)}main h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}