@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');.sustainability-game-home-component,a,button{cursor:url('../../../../../../../content/dam/futuregeneraliindiainsurancecoltd/sustainability-trash-sorting-game/cursor.png'),pointer !important}
.portrait-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:black;z-index:9999;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;box-sizing:border-box}
.portrait-overlay.show{display:flex}
.rotate-animation{width:200px;height:200px;max-width:50vw;max-height:50vh;object-fit:contain;margin-bottom:30px}
.rotate-text{font-family:"Roboto",sans-serif;font-size:clamp(1.2rem,4vw,2rem);font-weight:bold;color:#FFF;margin:0;line-height:1.4}
.image-container{position:relative;width:100%;height:92vh;max-width:100vw;background-image:url('../../../../../../../content/dam/futuregeneraliindiainsurancecoltd/sustainability-trash-sorting-game/background.jpg');background-size:cover;background-repeat:no-repeat;background-position:top center;display:flex;justify-content:center;align-items:flex-start;overflow:hidden !important}
.background{display:none}
.icon{position:absolute;width:clamp(60px,8vw,120px);height:auto}
.icon-top-left{top:5%;left:5%}
.icon-top-right{top:5%;right:5%}
.welcome-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(42,42,42,0.5);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.3);backdrop-filter:blur(10px);padding:40px 50px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;width:90%;z-index:5}
.welcome-content{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}
.welcome-title{font-family:'Roboto',sans-serif;font-weight:600;font-style:normal;font-size:36px;line-height:140%;letter-spacing:0;text-align:center;vertical-align:middle;color:#f3313a;margin:0}
.home-game-logo{max-width:100%;height:auto;max-height:120px;margin-top:-90px}
.description-text{font-family:'Roboto',sans-serif;font-weight:400;font-style:normal;font-size:20px;line-height:140%;letter-spacing:0;text-align:center;vertical-align:middle;color:#FFF;margin:0}
.motivational-title{font-family:'Roboto',sans-serif;font-weight:500;font-style:normal;font-size:14px;line-height:140%;letter-spacing:0;text-align:center;vertical-align:middle;color:#f6a363;margin:0}
.motivational-text{font-family:'Roboto',sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:140%;letter-spacing:0;text-align:center;vertical-align:middle;color:#FFF;margin:0;max-width:500px}
.lets-begin-btn{width:240px;height:48px;border-radius:5px;padding:13px 20px;background-color:#c21b17;color:#FFF;border:0;font-family:'Roboto',sans-serif;font-weight:600;font-size:16px;cursor:url('../../../../../../../content/dam/futuregeneraliindiainsurancecoltd/sustainability-trash-sorting-game/cursor.png'),pointer !important;transition:all .3s ease;margin-top:10px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.lets-begin-btn:hover{background-color:#a01713;transform:translateY(-2px)}
.floating-logo{position:absolute;top:2%;left:50%;transform:translateX(-50%);z-index:15;text-align:center}
.floating-logo-img{max-width:200px;height:auto;max-height:80px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))}
.girl-character{position:absolute;bottom:0;right:15%;height:60vh;max-height:500px;width:auto;z-index:10;pointer-events:none}
.intermediate-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(42,42,42,0.5);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.3);backdrop-filter:blur(10px);padding:40px 50px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;width:90%;z-index:5}
.intermediate-content{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}
.intermediate-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px}
.intermediate-title{font-family:'Roboto',sans-serif;font-weight:600;font-size:32px;color:white;margin:0;text-align:center}
.intermediate-close-btn{color:white;opacity:1;font-size:24px;font-weight:300;background:0;border:0;cursor:url('../../../../../../../content/dam/futuregeneraliindiainsurancecoltd/sustainability-trash-sorting-game/cursor.png'),pointer !important;padding:0;width:30px;height:30px;position:absolute;top:15px;right:15px;display:flex;align-items:center;justify-content:center}
.intermediate-close-btn:hover{color:white;opacity:.7}
.intermediate-body{width:100%;text-align:left}
.instructions-box{background-color:rgba(255,255,255,0.1);border-radius:8px;padding:20px;margin-bottom:20px}
.instructions-list{font-weight:400;font-size:16px;color:white;margin:0;padding-left:20px;line-height:140%;list-style-type:disc}
.instructions-list li{margin-bottom:8px}
.instructions-list li:last-child{margin-bottom:0}
.intermediate-motivation{font-weight:400;font-size:16px;color:white;margin:0;line-height:140%;text-align:left}
.intermediate-footer{width:100%;display:flex;justify-content:center;margin-top:10px}
.intermediate-continue-btn{background-color:#c21b17;color:white;border:0;border-radius:5px;padding:13px 40px;font-family:'Roboto',sans-serif;font-weight:600;font-size:16px;cursor:url('../../../../../../../content/dam/futuregeneraliindiainsurancecoltd/sustainability-trash-sorting-game/cursor.png'),pointer !important;transition:all .3s ease;width:200px}
.intermediate-continue-btn:hover{background-color:#a01713;transform:translateY(-2px)}
.employee-details-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(42,42,42,0.5);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.3);backdrop-filter:blur(10px);padding:40px 50px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;width:90%;z-index:5}
.employee-content{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}
.employee-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px}
.employee-title{font-family:'Roboto',sans-serif;font-weight:600;font-size:32px;color:white;margin:0;text-align:center}
.employee-close-btn{color:white;opacity:1;font-size:24px;font-weight:300;background:0;border:0;cursor:url('../../../../../../../content/dam/futuregeneraliindiainsurancecoltd/sustainability-trash-sorting-game/cursor.png'),pointer !important;padding:0;width:30px;height:30px;position:absolute;top:15px;right:15px;display:flex;align-items:center;justify-content:center}
.employee-close-btn:hover{color:white;opacity:.7}
.employee-form-container{width:100%}
.employee-input-group{margin-bottom:30px}
.employee-label{font-family:'Roboto',sans-serif;font-weight:400;font-size:16px;color:white;display:block;margin-bottom:10px;text-align:left}
.employee-input{width:100%;background:transparent;border:0;border-bottom:1px solid white;color:white;font-family:'Roboto',sans-serif;font-size:16px;padding:10px 0;outline:0;background-color:transparent}
.employee-input::placeholder{color:rgba(255,255,255,0.6);font-family:'Roboto',sans-serif;font-size:16px}
.employee-input:focus{border-bottom:2px solid white}
.employee-footer{width:100%;display:flex;justify-content:center;margin-top:10px}
.employee-save-btn{background-color:#c21b17;color:white;border:0;border-radius:5px;padding:13px 40px;font-family:'Roboto',sans-serif;font-weight:600;font-size:16px;cursor:url('../../../../../../../content/dam/futuregeneraliindiainsurancecoltd/sustainability-trash-sorting-game/cursor.png'),pointer !important;transition:all .3s ease;width:200px}
.employee-save-btn:hover{background-color:#a01713;transform:translateY(-2px)}
@media(max-width:933px){.rotate-animation{width:150px;height:150px}
.rotate-text{font-size:clamp(1rem,3.5vw,1.8rem)}
.home-game-logo{max-height:60px;margin-top:-5px}
.welcome-title{font-size:25px}
.description-text{font-size:15px}
.girl-character{height:47vh;right:0}
.intermediate-title{font-size:20px}
.instructions-list,.intermediate-motivation{font-size:14px}
.instructions-box{padding:12px;margin-bottom:14px}
.floating-logo{top:0;left:-5%;transform:translateX(60%)}
.employee-title{font-size:25px}
.floating-logo-img{max-height:60px}
.employee-input-group{margin-bottom:10px}
.game-logo{height:12vh}
}