body {
    font-family: 'Rajdhani', sans-serif;
    background-color: #080b0c;
}

.neon-border-cyan {
    box-shadow: 0 0 5px #0dccf2, inset 0 0 2px #0dccf2;
    border: 1px solid #0dccf2;
}

.neon-border-pink {
    box-shadow: 0 0 5px #ff00ff, inset 0 0 2px #ff00ff;
    border: 1px solid #ff00ff;
}

.glow-text-cyan {
    text-shadow: 0 0 8px #0dccf2;
}

.cyber-grid {
    background-image: linear-gradient(to right, rgba(13, 204, 242, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(13, 204, 242, 0.05) 1px, transparent 1px);
    background-size: 40px 40px;
}

.clip-path-retro {
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 90% 100%, 0% 100%);
}

.clip-path-header {
    clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
}

.glow-border {
    box-shadow: 0 0 10px rgba(13, 204, 242, 0.5), inset 0 0 5px rgba(13, 204, 242, 0.2);
    border: 1px solid rgba(13, 204, 242, 0.8);
}

.glow-text-primary {
    text-shadow: 0 0 8px rgba(13, 204, 242, 0.8);
}

.glow-text-secondary {
    text-shadow: 0 0 8px rgba(255, 0, 255, 0.8);
}

.cyber-skew {
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}

.scanline {
    background: linear-gradient(to bottom, rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    background-size: 100% 4px, 3px 100%;
    pointer-events: none;
}

.glow-pink {
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.3);
}

.glow-primary {
    box-shadow: 0 0 15px rgba(13, 204, 242, 0.3);
}

.clip-slant {
    clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
}

.clip-asymmetric {
    clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 95%);
}

.neon-border {
    border: 1px solid rgba(13, 204, 242, 0.5);
}

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

h1,
h2,
h3,
.font-orbitron {
    font-family: 'Orbitron', sans-serif;
}

/* Legal page styles */
.legal-container {
    flex: 1;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

.legal-header {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(13, 204, 242, 0.3);
}

.legal-header h1 {
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #0dccf2;
    text-shadow: 0 0 8px rgba(13, 204, 242, 0.8);
    margin-bottom: 0.5rem;
}

.last-updated {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1rem;
}

.privacy-notice {
    background-color: rgba(13, 204, 242, 0.1);
    border-left: 4px solid #0dccf2;
    padding: 1rem;
    margin-bottom: 2rem;
}

.privacy-notice p {
    margin: 0;
    color: #0dccf2;
    font-weight: 500;
}

.legal-content {
    line-height: 1.6;
}

.legal-content p {
    margin-bottom: 1.25rem;
    color: #e5e7eb;
}

.legal-content strong {
    color: #0dccf2;
}

.highlight {
    color: #ff00ff;
    font-weight: 500;
}

.toc-container {
    background-color: rgba(157, 78, 221, 0.1);
    border: 1px solid rgba(157, 78, 221, 0.3);
    padding: 1.5rem;
    margin: 2rem 0;
}

.toc-container h3 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #9d4edd;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.toc-container p {
    margin-bottom: 0.5rem;
}

.toc-container a {
    color: #e5e7eb;
    text-decoration: none;
    transition: color 0.3s ease;
}

.toc-container a:hover {
    color: #0dccf2;
}

.title {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    padding-left: 1rem;
    border-left: 3px solid #0dccf2;
}

.title h3 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0dccf2;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.anchor-link {
    display: inline-block;
    margin-right: 0.5rem;
    color: #9d4edd;
    text-decoration: none;
    font-weight: bold;
}

.anchor-link:hover {
    color: #ff00ff;
}

.legal-content ul {
    margin-left: 1.5rem;
    margin-bottom: 1.25rem;
}

.legal-content li {
    margin-bottom: 0.5rem;
    color: #e5e7eb;
}

.legal-content a {
    color: #0dccf2;
    text-decoration: none;
    transition: color 0.3s ease;
}

.legal-content a:hover {
    color: #ff00ff;
    text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .legal-header h1 {
        font-size: 2rem;
    }
    
    .title h3 {
        font-size: 1.25rem;
    }
    
    .toc-container {
        padding: 1rem;
    }
}

/* Mobile optimization */
@media (max-width: 768px) {
    /* Header adjustments */
    header {
        padding: 0 1rem;
    }
    
    h1.font-display {
        font-size: 1.5rem;
    }
    
    /* Main content adjustments */
    main {
        padding: 1rem;
        gap: 1rem;
    }
    
    /* Featured article adjustments */
    #box1 {
        margin-bottom: 1.5rem;
    }
    
    #box1 .h-[350px] {
        height: 250px;
    }
    
    #box1 .p-8 {
        padding: 1rem;
        margin-top: -12rem;
    }
    
    #box1 h2 {
        font-size: 1.5rem;
        line-height: 1.2;
    }
    
    #box1 p {
        font-size: 0.875rem;
        margin-bottom: 1rem;
    }
    
    #box1 button {
        padding: 0.75rem 1.5rem;
        font-size: 0.75rem;
    }
    
    /* Trending grid adjustments */
    section:nth-child(2) {
        margin-top: 2rem;
    }
    
    section:nth-child(2) h3 {
        font-size: 1.25rem;
    }
    
    section:nth-child(2) .grid-cols-1 {
        gap: 1rem;
    }
    
    /* Box 2 adjustments */
    #box2 > div {
        height: 200px;
    }
    
    #box2 h4 {
        font-size: 1rem;
    }
    
    /* Box 3 adjustments */
    #box3 > div {
        margin-bottom: 1rem;
    }
    
    #box3 h4 {
        font-size: 0.875rem;
    }
    
    /* Sidebar adjustments */
    aside {
        margin-top: 2rem;
    }
    
    aside .glow-border {
        padding: 1rem;
    }
    
    aside h3 {
        font-size: 1rem;
    }
    
    /* Weather section */
    aside .bg-primary\/5 {
        padding: 1rem;
    }
    
    aside .text-3xl {
        font-size: 1.5rem;
    }
    
    /* Police scanner section */
    aside .bg-secondary\/5 {
        padding: 1rem;
    }
    
    /* Ad section */
    aside .relative {
        margin-top: 1rem;
    }
    
    aside .h-40 {
        height: 200px;
    }
    
    aside .p-4 {
        padding: 1rem;
    }
    
    /* Footer adjustments */
    footer {
        padding: 1rem;
    }
    
    footer .flex-col {
        gap: 1rem;
    }
    
    /* Mobile menu adjustments */
    #mobile-menu {
        padding: 1rem;
    }
    
    #mobile-menu nav {
        gap: 1rem;
    }
    
    #mobile-menu a {
        padding: 1rem 0;
        font-size: 1rem;
    }
    
    /* General adjustments */
    .text-sm {
        font-size: 0.75rem;
    }
    
    .text-lg {
        font-size: 1rem;
    }
    
    .text-xl {
        font-size: 1.25rem;
    }
    
    .text-2xl {
        font-size: 1.5rem;
    }
    
    .text-4xl {
        font-size: 1.75rem;
    }
    
    .text-6xl {
        font-size: 2rem;
    }
    
    .p-6 {
        padding: 1rem;
    }
    
    .p-4 {
        padding: 0.75rem;
    }
    
    .p-3 {
        padding: 0.5rem;
    }
    
    .mb-6 {
        margin-bottom: 1rem;
    }
    
    .mb-4 {
        margin-bottom: 0.75rem;
    }
    
    .mb-2 {
        margin-bottom: 0.5rem;
    }
    
    /* Touch targets optimization */
    button {
        min-height: 44px;
        min-width: 44px;
    }
    
    a {
        min-height: 44px;
        display: inline-block;
    }
    
    /* Improve readability */
    p {
        line-height: 1.5;
    }
    
    /* Optimize grid layout for mobile */
    .grid {
        gap: 0.75rem;
    }
}

/* Small mobile adjustments */
@media (max-width: 480px) {
    h1.font-display {
        font-size: 1.25rem;
    }
    
    #box1 .h-[350px] {
        height: 200px;
    }
    
    #box1 .p-8 {
        margin-top: -10rem;
    }
    
    #box1 h2 {
        font-size: 1.25rem;
    }
    
    #box2 > div {
        height: 150px;
    }
    
    aside .h-40 {
        height: 150px;
    }
    
    .text-4xl {
        font-size: 1.5rem;
    }
    
    .text-6xl {
        font-size: 1.75rem;
    }
}