:root {
    --bg: #070913;
    --quantum-cyan: #38bdf8;
    --quantum-purple: #c084fc;
    --text: #e2e8f0;
    --card: rgba(15, 23, 42, 0.8);
    --border: rgba(56, 189, 248, 0.2);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    background: var(--bg);
    color: var(--text);
    font-family: 'Inter', sans-serif;
    min-height: 100vh;
    padding: 24px;
}

.header {
    max-width: 1000px;
    margin: 40px auto 20px;
    text-align: center;
}

.title {
    font-family: 'Computer Modern', serif, system-ui;
    font-size: 3rem;
    color: var(--quantum-cyan);
    margin-bottom: 12px;
}

.quantum-canvas-container {
    max-width: 700px;
    height: 300px;
    margin: 30px auto;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
}

canvas#qubitCanvas {
    width: 100%;
    height: 100%;
}

.paper-grid {
    max-width: 1000px;
    margin: 40px auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.paper-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
}