.main-screen{padding:20px;min-height:100vh}h1{color:#2c3e50;font-family:"Helvetica Neue",sans-serif;margin-bottom:30px}h1,p{text-align:center}p{font-family:"Arial",sans-serif;font-size:16px;color:#34495e;margin-bottom:20px}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:20px;gap:20px;padding:20px}.card{width:200px;height:150px;background-color:#4caf50;color:#fff;text-align:center;border-radius:10px;transition:all .6s ease;box-shadow:0 4px 8px rgba(0,0,0,.2);transform-style:preserve-3d;perspective:1000px;cursor:pointer;position:relative}.card.flipped{transform:rotateY(180deg)}.card-content{position:absolute;width:100%;height:100%;backface-visibility:hidden}.card-front{background-color:#4caf50}.card-back,.card-front{display:flex;justify-content:center;align-items:center}.card-back{background-color:#fff;color:#2c3e50;transform:rotateY(180deg)}button{background-color:#3498db;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}button:hover{background-color:#2980b9}input[type=password]{padding:10px;margin:10px 0;font-size:16px;width:100%;border:2px solid #ddd;border-radius:5px}.long-text-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);z-index:10000}.long-text-content,.long-text-overlay{display:flex;justify-content:center;align-items:center}.long-text-content{background-color:#fff;padding:20px;border-radius:10px;width:90vw;height:90vh;flex-direction:column;position:relative;overflow-y:auto}.long-text p{font-size:1.2em;line-height:1.5}.close-text-button{position:absolute;top:10px;right:10px;background-color:#00f;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.close-text-button:hover{background-color:#00008b}.carousel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);z-index:10000}.carousel-content,.carousel-overlay{display:flex;justify-content:center;align-items:center}.carousel-content{background-color:#fff;padding:0;border-radius:10px;width:90vw;height:90vh;flex-direction:column;position:relative}.carousel img,.carousel video{max-width:95%;max-height:75vh;object-fit:contain}.carousel-controls{display:flex;justify-content:space-between;width:100%;position:absolute;bottom:15px}.close-carousel-button{position:absolute;top:10px;right:10px;background-color:red;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.close-carousel-button:hover{background-color:#8b0000}
/*# sourceMappingURL=main.45c396db.chunk.css.map */