*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(/assets/PlaySafe_Bg-Bv8VNrdb.png);background-position:top;background-repeat:no-repeat;background-size:100%;background-attachment:fixed;min-height:100vh}p{text-align:justify}.Container{cursor:pointer;background:linear-gradient(135deg,#c5bdff 0%,#e0d8ff 100%);border:2px solid #200738;border-radius:20px;flex-wrap:wrap;align-items:center;gap:40px;width:90%;max-width:600px;margin:20px auto;padding:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.Container:hover{border-color:#50148c;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 30px #0003}.Container:active{transform:translateY(-2px)scale(.99)}.Container .TEXT-CONTAINER{flex:2;min-width:250px;transition:all .3s}.Container:hover .TEXT-CONTAINER{transform:translate(5px)}.Container .IMG-CONTAINER{flex:1;justify-content:center;min-width:200px;transition:all .3s;display:flex}.Container:hover .IMG-CONTAINER{transform:translate(-5px)}.Container #MVK,.Container #SP,.Container #ENT{cursor:pointer;width:250px;height:150px;transition:all .3s}.Container #MVK:hover,.Container #SP:hover,.Container #ENT:hover{filter:drop-shadow(0 5px 10px #0003);transform:scale(1.1)}.Container:has(div[style*="display: flex"]){text-align:center;display:block}.Container:has(div[style*="display: flex"]) h1{margin-bottom:10px}.video-banner{cursor:pointer;width:100%;height:300px;position:relative;overflow:hidden}.video-banner:after{content:"";pointer-events:none;background:0 0;width:100%;height:100%;transition:background .3s;position:absolute;top:0;left:0}.video-banner:hover:after{background:#0000001a}.responsive-video{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s}.video-banner:hover .responsive-video{transform:scale(1.02)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.Container{animation:.6s forwards fadeInUp}.Container:first-child{animation-delay:.1s}.Container:nth-child(2){animation-delay:.2s}.Container:nth-child(3){animation-delay:.3s}.Container:nth-child(4){animation-delay:.4s}.Container:nth-child(5){animation-delay:.5s}#MVK,#SP,#ENT{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}#MVK:hover,#SP:hover,#ENT:hover{transform:rotate(5deg)scale(1.05)}p::selection{color:#200738;background:#87f4b580}html{scroll-behavior:smooth}@media (width<=768px){.video-banner{height:200px}.Container{gap:20px;margin:15px auto;padding:15px}.Container:hover{transform:translateY(-5px)scale(1.01)}}@media (width<=480px){.video-banner{height:150px}.Container{border-radius:15px;margin:10px auto;padding:12px}}.Container:last-of-type{text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.Container:last-of-type:before{content:"";opacity:0;z-index:0;pointer-events:none;background-image:url(/assets/BG_PY-DJsrpyH-.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:18px;transition:opacity .3s;position:absolute;inset:0}.Container:last-of-type .play-game-btn:hover~.Container-background{opacity:1}.Container:last-of-type:has(.play-game-btn:hover):before{opacity:1}.Container:last-of-type:has(.play-game-btn:hover):before{opacity:1}.Container:last-of-type h1,.Container:last-of-type .play-game-btn{z-index:1;position:relative}.play-game-btn{color:#000;cursor:pointer;z-index:2;background:linear-gradient(135deg,#fff,#f1f1f1);border:1px solid #000;border-radius:10px;width:auto;min-width:250px;margin:10px auto;padding:15px 35px;font-family:inherit;font-size:18px;font-weight:700;transition:all .3s;display:block;position:relative;box-shadow:0 4px 15px #0003}.play-game-btn:hover{color:#fff;background:linear-gradient(135deg,#1660ffe6,#9081ffe6);transform:translateY(-3px);box-shadow:0 8px 25px #00000040}.play-game-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}@media (width<=768px){.play-game-btn{min-width:200px;padding:12px 25px;font-size:16px}.Container:last-of-type:before{border-radius:14px}}@media (width<=480px){.play-game-btn{min-width:180px;padding:10px 20px;font-size:14px}.Container:last-of-type:before{border-radius:12px}}nav{background-color:#333;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{width:40px;height:40px}.logo:hover{color:#ddd}.navigation{gap:2rem;list-style:none;display:flex}.navigation li a{color:#fff;border-radius:4px;padding:.5rem 1rem;font-size:1rem;text-decoration:none;transition:all .3s}.navigation li a:hover{color:#fff;background-color:#555}footer{color:#fff;text-align:center;background-color:#333;width:100%;margin-top:2rem;padding:1.5rem;position:relative;bottom:0}footer p{text-align:center;margin:0;font-size:.9rem}.articles-container{max-width:1200px;min-height:calc(100vh - 200px);margin:40px auto;padding:20px}.articles-container h1{text-align:center;color:#333;margin-bottom:40px;font-size:2.5rem}.articles-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;padding:20px;display:grid}.article-card{background:#fff;border-radius:12px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px #0000001a}.article-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.article-card h2{color:#2c3e50;margin-bottom:15px;font-size:1.5rem}.article-card p{color:#666;text-align:justify;margin-bottom:20px;line-height:1.6}.article-card a{color:#3498db;font-weight:700;text-decoration:none;transition:color .3s}.article-card a:hover{color:#2980b9;text-decoration:underline}.download-container{text-align:center;max-width:1200px;margin:40px auto;padding:20px}.download-container h1{color:#333;margin-bottom:40px}.download-combined-horizontal{background:#fff;border-radius:20px;flex-direction:row;max-width:900px;margin:0 auto;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.download-combined-horizontal:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.horizontal-left{text-align:left;background:#f8fafc;flex:1;padding:40px 30px}.horizontal-left h3{color:#2c3e50;text-align:center;margin-bottom:20px;font-size:1.3rem}.horizontal-left ul{padding:0;list-style:none}.horizontal-left li{color:#555;border-bottom:1px solid #e2e8f0;padding:10px 0;font-size:.95rem}.horizontal-left li:before{content:"✓ ";color:#3498db;margin-right:8px;font-weight:700}.horizontal-right{text-align:center;background:#fff;border-left:1px solid #e2e8f0;flex:1;padding:40px 30px}.download-icon{margin-bottom:15px;font-size:3.5rem}.horizontal-right h2{color:#2c3e50;margin-bottom:12px;font-size:1.6rem}.horizontal-right p{color:#666;margin-bottom:8px}.file-size{color:#888;margin-bottom:25px;font-size:.9rem}.download-btn{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:8px;width:100%;max-width:220px;padding:12px 24px;font-size:16px;font-weight:700;transition:background-color .3s}.download-btn:hover{background-color:#2980b9}@media (width<=700px){.download-combined-horizontal{flex-direction:column}.horizontal-right{border-top:1px solid #e2e8f0;border-left:none}}.article-page{min-height:calc(100vh - 200px)}.article-container{border:2px solid #1b1b1b;border-radius:12px;width:90%;max-width:800px;margin:40px auto;padding:40px;box-shadow:0 4px 12px #0000001a;background-color:#fff!important}.article-container h1{color:#2c3e50;text-align:center;border-bottom:3px solid #3498db;margin-bottom:20px;padding-bottom:15px;font-size:2.5rem}.article-container h2{color:#34495e;border-left:4px solid #3498db;margin:25px 0 15px;padding-left:10px;font-size:1.5rem}.article-container p{color:#2c3e50;text-align:justify;margin-bottom:15px;font-size:1.05rem;line-height:1.8}.article-container ul,.article-container ol{margin:15px 0;padding-left:30px}.article-container li{color:#2c3e50;margin-bottom:10px;line-height:1.8}.back-link{text-align:center;background-color:#47aaec;border-radius:6px;margin-top:30px;padding:10px 20px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;color:#fff!important}.back-link:hover{background-color:#2980b9;transform:translate(-5px);text-decoration:none!important}@media (width<=768px){.article-container{width:95%;padding:20px}.article-container h1{font-size:1.8rem}.article-container h2{font-size:1.3rem}.article-container p{font-size:.95rem}}
