.grid-container{display:flex;flex-direction:column;width:100%;height:100vh}.grid-row{display:flex;flex:1}.grid-cell{flex:1;text-align:center;display:flex;border:1px solid #ddd}.align{align-self:center;margin:auto}.header-cell,.light-cell{background-color:#f6f4f5}.dark-cell{background-color:#f0efeb}.special-cell{background-color:#dbd5d5}.row-bottom .bottom-cell{background-color:#e14b25;border:2px solid #e14b25}.row-bottom .grid-cell:not(:first-child){background-color:#fff}input{width:100%;text-align:center}.container{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#ffffff,#f0f8ff);padding:40px 20px;font-family:Poppins,sans-serif}.logo{width:200px;height:auto;margin-bottom:30px}.title{font-size:2.5rem;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.description{font-size:1.4rem;color:#34495e;text-align:center;line-height:1.6;margin-bottom:30px}.features-container{width:100%;max-width:700px;background:#ffffff;border-radius:12px;box-shadow:0 6px 12px #00000026;padding:30px;margin-bottom:40px}.features-title{font-size:1.8rem;font-weight:600;color:#2c3e50;margin-bottom:20px;text-align:center}.features-list{list-style:none;padding:0;margin:0}.features-list li{font-size:1.2rem;color:#34495e;margin-bottom:15px;display:flex;align-items:center;padding-left:10px;position:relative}.features-list li:before{color:#1abc9c;font-weight:700;margin-right:10px;font-size:1.5rem;position:absolute;left:0}.demo-image{width:100%;max-width:700px;height:auto;margin-bottom:30px;border-radius:12px;box-shadow:0 4px 8px #0000001a}.cta-text{font-size:1.6rem;font-weight:600;color:#2c3e50;text-align:center;margin-bottom:20px}.cta-button{background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff;font-size:1.4rem;font-weight:700;border:none;border-radius:8px;padding:15px 30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0003}.cta-button:hover{background:linear-gradient(135deg,#16a085,#1abc9c);transform:translateY(-2px);box-shadow:0 6px 12px #0003}.cta-button:active{background:#0e6655;transform:translateY(0);box-shadow:0 4px 6px #0003}#Edition .list{user-select:none;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px}#Edition .item{display:flex;justify-content:center;align-items:center;background-color:#5454f1;color:#fff;height:150px;width:150px;cursor:grab;font-size:20px;user-select:none}.dragged{background-color:#2525c5}@media (min-width: 600px){#Edition .list{grid-gap:24px}}.App{height:100%;padding:0 10px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.App>*{margin:3px 0}.header{text-align:center}.header p{margin:5px 0}.code{padding:5px;color:#adff2f;background-color:#000;border-radius:5px}.content>img{display:none;width:100%;max-width:720px;max-height:500px;border-radius:10px}.content>video{display:none;width:100%;max-width:720px;max-height:500px;border-radius:10px}.content{position:relative}.content>canvas{position:absolute;top:0;left:0;width:100%;height:100%}button{text-decoration:none;color:#fff;background-color:#000;border:2px solid black;margin:0 5px;padding:5px;border-radius:5px;cursor:pointer}button:hover{color:#000;background-color:#fff;border:2px solid black}*{margin:0;padding:0}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;height:100%}