*{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;display:flex;justify-content:center}.title-letter{display:inline-block;animation:letterWave 3s ease-in-out infinite;background:linear-gradient(135deg,#475569,#6366f1,#475569);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes letterWave{0%,to{transform:translateY(0);background-position:0% 50%}25%{transform:translateY(-8px);background-position:100% 50%}50%{transform:translateY(0);background-position:0% 50%}}.quantum-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.skier-badge{position:fixed;top:20px;left:20px;width:120px;height:120px;z-index:100;cursor:pointer;transition:transform .3s ease}.skier-badge:hover{transform:scale(1.1)}.skier-badge svg{width:100%;height:100%}.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%}.car-badge{position:fixed;bottom:60px;left:20px;width:120px;height:120px;z-index:100;cursor:pointer;transition:transform .3s ease}.car-badge:hover{transform:scale(1.1)}.car-badge svg{width:100%;height:100%}.scooter-badge{position:fixed;bottom:60px;right:20px;width:120px;height:120px;z-index:100;cursor:pointer;transition:transform .3s ease}.scooter-badge:hover{transform:scale(1.1)}.scooter-badge svg{width:100%;height:100%}.house-badge{position:fixed;top:20px;left:50%;transform:translate(-50%);width:120px;height:120px;z-index:100;cursor:pointer;transition:transform .3s ease}.house-badge:hover{transform:translate(-50%) scale(1.1)}.house-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}.skier-badge{width:80px;height:80px;top:15px;left:15px}.bread-badge{width:80px;height:80px;top:15px;right:15px}.car-badge{width:80px;height:80px;bottom:50px;left:15px}.scooter-badge{width:80px;height:80px;bottom:50px;right:15px}.house-badge{width:80px;height:80px;top:15px}.footer{font-size:.75rem;padding:12px 15px}}@media (max-width: 480px){.title{font-size:1.8rem;letter-spacing:.2rem}.skier-badge{width:60px;height:60px;top:10px;left:10px}.bread-badge{width:60px;height:60px;top:10px;right:10px}.car-badge{width:60px;height:60px;bottom:40px;left:10px}.scooter-badge{width:60px;height:60px;bottom:40px;right:10px}.house-badge{width:60px;height:60px;top:10px}}