html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#root{width:100%;height:100%}.canvas-background{position:fixed!important;top:0;left:0;width:100vw;height:100vh;z-index:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#1a1a2e;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;width:90%;max-width:800px;display:flex;padding:0;overflow:hidden;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-image-container{flex:1;padding:2rem;background:#0003;display:flex;align-items:center}.modal-image-gallery{display:flex;flex-direction:column;gap:1rem;width:100%}.modal-image-gallery img{width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.1);object-fit:cover;aspect-ratio:16/9}.modal-text-container{flex:1;padding:2rem;display:flex;flex-direction:column}.modal-text-container h2{margin-top:0;color:#0ff}.modal-text-container p{line-height:1.6;color:#f0f0f0;flex-grow:1}.modal-buttons{display:flex;gap:1rem;margin-top:1.5rem}.modal-buttons a,.modal-buttons button{flex:1;padding:12px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:all .3s ease}.modal-buttons a{background:#0ff;color:#1a1a2e}.modal-buttons a:hover{transform:scale(1.05)}.modal-buttons button{background:#333;color:#fff}.modal-buttons button:hover{background:#555}@media(max-width:768px){.modal-content{flex-direction:column;max-width:400px}.modal-image-container{padding-bottom:0}.modal-text-container p{flex-grow:0}.modal-buttons a,.modal-buttons button{padding:15px}}