 /* ===== ABOUT SECTION ===== */
        #about p {
            margin-bottom: 1.5rem;
            line-height: 1.8;
        }
        
        #about ul {
            list-style: none;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin-top: 2rem;
        }
        
        #about ul li {
            padding: 1.5rem;
            background: var(--color-surface);
            border: 1px solid var(--color-border);
            position: relative;
        }
        
        #about ul li::before {
            content: '+';
            position: absolute;
            top: -1px;
            left: -1px;
            color: var(--color-border);
            background: var(--color-bg);
        }
        
        #about ul li::after {
            content: '+';
            position: absolute;
            top: -1px;
            right: -1px;
            color: var(--color-border);
            background: var(--color-bg);
        }
        
        #about ul li strong {
            display: block;
            color: var(--color-heading);
            margin-bottom: 0.5rem;
        }
        
        #about ul li strong::before {
            content: '▸ ';
            color: var(--color-accent);
        }

        