@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");body{margin:0;font-family:Arial,sans-serif;background-color:#1A1A1A}body,h2{color:white}.container{display:flex}.sidebar{width:140px;background:#3A4968;color:white;padding:20px;font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;text-decoration:none;border-right:2px solid #f44738;border-left:2px solid #f44738}.sidebar-logo{width:140px;height:140px;border-radius:10px;padding-top:-20px;margin-top:-10px}.sidebar h2{padding-top:30px;color:#fff;padding-bottom:100px}.sidebar nav ul{list-style:none;padding:0}.sidebar nav ul li{margin:25px 0;display:flex;align-items:center;cursor:pointer;text-decoration:none!important;color:white!important;padding-top:25px}.sidebar nav ul li:hover{color:#F44738}.sidebar nav ul li:focus,.sidebar nav ul li:hover{color:white!important}.sidebar-link{text-decoration:none;color:white;display:flex;align-items:center;font-size:20px}.sidebar-link:hover{color:#F44738}.sidebar-link svg{margin-right:15px}.card-icon{width:100%;height:auto;display:block;max-width:100px}.main-content{flex-grow:1;display:flex;flex-direction:column;background:#0e0e23}.header{text-align:right;height:80px;width:96%;margin:15px auto auto;border-radius:6px}.footer,.header{color:white;padding:10px}.footer{background:#000000;text-align:center;position:relative}.content{display:flex;flex-direction:column;padding:20px;background:#0e0e23}.content section{margin-top:20px;padding:20px;background:rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.canvas-container{width:100%;height:800px;position:relative}canvas{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.card{background:radial-gradient(circle,#1a2049 0,#13162f 100%);background-color:#1A1A1A;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);padding:20px;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;color:#ddd;border:3px solid white}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.5)}.card-title{font-size:1.6rem;font-weight:700;color:#6A78D7;margin-bottom:10px}.card-excerpt{font-size:1rem;color:#ddd;margin-bottom:15px}.card-read-more{font-size:1rem;color:#0087CA;text-decoration:none;font-weight:700;transition:color .3s ease}.card-read-more:hover{color:#F44738;text-decoration:underline}.blog-read-more,.card-read-more,.read-more-link,.ue5-read-more-link,button{transition:transform .2s ease,box-shadow .2s ease}.blog-read-more:hover,.card-read-more:hover,.read-more-link:hover,.ue5-read-more-link:hover,button:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.2)}.footer,header{background:linear-gradient(90deg,#3A4968,#6A78D7)}footer{border-top:1px solid #6a78d7}section{background:rgba(0,0,0,.5);border-radius:10px;padding:20px;margin-top:10px}