*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b}.app{width:100%;height:100vh;position:relative;display:flex;flex-direction:column}.main-content{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.title{font-size:4rem;font-weight:300;letter-spacing:.5rem;color:#475569;text-shadow:0 2px 10px rgba(99,102,241,.2);z-index:10;text-align:center}.quantum-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.bread-badge{position:fixed;top:20px;right:20px;width:120px;height:120px;z-index:100;cursor:pointer;transition:transform .3s ease}.bread-badge:hover{transform:scale(1.1)}.bread-badge svg{width:100%;height:100%}.footer{position:fixed;bottom:0;left:0;right:0;padding:15px 20px;text-align:center;font-size:.85rem;color:#64748b;background:linear-gradient(to top,rgba(248,250,252,.9),transparent);z-index:10}.footer a{color:#6366f1;text-decoration:none;font-weight:500}.footer a:hover{text-decoration:underline}.footer-divider{margin:0 10px;color:#cbd5e1}@media (max-width: 768px){.title{font-size:2.5rem;letter-spacing:.3rem}.bread-badge{width:80px;height:80px;top:15px;right:15px}.footer{font-size:.75rem;padding:12px 15px}}@media (max-width: 480px){.title{font-size:1.8rem;letter-spacing:.2rem}.bread-badge{width:60px;height:60px;top:10px;right:10px}}