script.js

// --- Three.js 3D Background ---
let scene, camera, renderer, stars;

function init3D() {
    const canvas = document.getElementById('bg-canvas');
    if (!canvas) return;

    scene = new THREE.Scene();
    camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 1, 1000);
    camera.position.z = 1;
    
    renderer = new THREE.WebGLRenderer({ canvas: canvas, alpha: true });
    renderer.setSize(window.innerWidth, window.innerHeight);

    const starGeo = new THREE.BufferGeometry();
    const starVertices = [];
    for(let i=0; i<5000; i++) {
        const x = (Math.random() - 0.5) * 2000;
        const y = (Math.random() - 0.5) * 2000;
        const z = (Math.random() - 0.5) * 2000;
        starVertices.push(x, y, z);
    }
    starGeo.setAttribute('position', new THREE.Float32BufferAttribute(starVertices, 3));
    const starMaterial = new THREE.PointsMaterial({ color: 0xaaaaaa, size: 0.7, transparent: true });
    stars = new THREE.Points(starGeo, starMaterial);
    scene.add(stars);
    
    animate3D();
}

function animate3D() {
    if (stars) {
        stars.rotation.y += 0.0001;
    }
    if (renderer) {
        renderer.render(scene, camera);
    }
    requestAnimationFrame(animate3D);
}

function onWindowResize() {
    if (camera && renderer) {
        camera.aspect = window.innerWidth / window.innerHeight;
        camera.updateProjectionMatrix();
        renderer.setSize(window.innerWidth, window.innerHeight);
    }
}

window.addEventListener('DOMContentLoaded', () => {
    init3D();
    window.addEventListener('resize', onWindowResize);
});