*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}:root{--primary:#6a994e;--secondary:#a7c957;--dark:#386641;--light:#f2e8cf;--accent:#bc4749;--text:#333333;--white:#ffffff}body{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--text);line-height:1.6}.container{width:90%;max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;padding:30px 0;color:var(--white)}header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}header p{font-size:1.2rem;max-width:800px;margin:0 auto}.playground-container{background:#232323;border-radius:10px;padding:10px 5px 0 5px;margin:30px auto;box-shadow:0 10px 30px rgba(0,0,0,.2);max-width:1280px;min-height:527px;height:60vh;max-height:640px;display:flex;flex-direction:column}.playground-header{justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0;width:100%}.playground-header h2{color:#fff;padding-left:15px;font-size:1em;height:27px;text-align:left}.playground-header h2 button{background:linear-gradient(to bottom,#fff,#ddd);padding:0 10px;border:0;border-radius:3px;line-height:24px;float:right;cursor:pointer}.playground-frame{width:100%;flex:1;min-height:0;border:1px solid #111;border-radius:5px;background:#232323;background-image:url('./assets/playground-preview-blur.png');background-attachment:scroll;background-size:cover;backdrop-filter:blur(3px)}.playground-frame>iframe{position:absolute;top:0;left:0}img.playground-frame{cursor:pointer}.content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0}.card{background:var(--white);border-radius:10px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card h2{color:var(--dark);margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--secondary)}.card p{margin-bottom:15px}.card ul{list-style-type:none;padding-left:0}.card li{margin-bottom:10px;padding-left:20px;position:relative}.card li:before{content:"▹";position:absolute;left:0;color:var(--primary)}.btn{display:inline-block;background:var(--dark);color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;margin-top:10px;transition:background .3s ease}.btn:hover{background:var(--primary)}.features{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:40px 0}.feature{background:rgba(255,255,255,.9);border-radius:10px;padding:20px;width:200px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.1)}.feature i{font-size:2.5rem;color:var(--primary);margin-bottom:15px}footer{background:var(--dark);color:#fff;text-align:center;padding:30px 0;margin-top:50px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:20px 0}.footer-links a{color:var(--light);text-decoration:none}.footer-links a:hover{text-decoration:underline}@media (max-width:768px){header h1{font-size:2.2rem}.logo-container{width:150px;height:150px}.content{grid-template-columns:1fr}.playground-frame{height:400px}}@media (max-width:480px){header h1{font-size:1.8rem}.logo-container{width:120px;height:120px}.playground-frame{height:300px}}.commercial-offer--notify{color:#fff!important;background-color:#232323f0!important;box-shadow:0 0 15px #000!important}.commercial-offer--notify a{color:gold!important;text-decoration:none}.commercial-offer--notify strong{color:#daa520!important}.commercial-offer--notify--about,.commercial-offer--notify--demo-details,.commercial-offer--notify>article{display:none}.policy-notify-info-block--popup .cookie-popup--parent{background-color:#c0c0c0aa!important}@media (max-height:600px){.commercial-offer--notify{max-width:450px!important;padding:25px 20px!important;left:initial!important;right:25px!important;width:calc(100vw - 30px)!important}}