.dev-tabs{display:flex;gap:15px;justify-content:center;padding:40px 20px}@media (max-width:767px){.dev-tabs{display:grid;grid-template-columns:repeat(2,1fr)}}.dev-tab-btn{background-color:transparent;border:1px solid #fff;border-radius:12px;color:#fff;cursor:pointer;font-family:Google Sans Code,monospace;font-size:1rem;font-weight:500;line-height:1.5rem;padding:.5rem 1.25rem;transition:.3s ease}.dev-tab-btn:hover{border-color:#00eaff}.dev-tab-btn.active:before{background:linear-gradient(141deg,#7c58fd4d 21.46%,#33fdd866 66.78%);content:"";filter:blur(8px);height:150%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-23.962deg);width:150%;z-index:-1}.dev-tab-btn.active{position:relative;--tw-text-opacity:1;background:#0000004d;border:1px solid #33fdd8;border-radius:10px;box-shadow:0 0 8px #33fdd8;color:#fff;isolation:isolate;overflow:hidden}.dev-container{margin:auto auto -1px;max-width:1180px}.dev-tab-content{animation:fade .4s ease;backdrop-filter:blur(25px);background:#ffffff1a;border:2px solid #33fdd8;border-bottom:0;border-radius:20px 20px 0 0;display:none;padding:20px 20px 0}.dev-tab-content.active{display:block}.dev-tab-content video{display:block;width:100%}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}