#computer{position:absolute;width:340px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:repeating-linear-gradient(90deg,var(--gray) 0 10px,var(--light-gray) 10px 18px) 258px 236px / 64px 10px,repeating-linear-gradient(90deg,var(--dark-gray) 0 10px,var(--light-gray) 10px 18px) 258px 246px / 64px 38px,linear-gradient(var(--dark-gray),var(--dark-gray)) 166px 264px / 10px 14px,linear-gradient(var(--light-gray) 10px,var(--dark-gray) 10px) 144px 248px / 80px 20px,linear-gradient(90deg,var(--dark-gray) 10px,var(--gray) 10px) 124px 236px / 110px 48px,linear-gradient(90deg,var(--gray) 10px,var(--light-gray) 10px) 90px 230px / 250px 60px,linear-gradient(90deg,var(--gray) 10px,var(--light-gray) 10px) 100px 220px / 240px 80px,linear-gradient(var(--dark-gray),var(--dark-gray)) 10px bottom / 330px 80px,linear-gradient(var(--dark-gray),var(--dark-gray)) left bottom / 320px 70px,linear-gradient(90deg,var(--gray) 18px,var(--light-gray) 18px 26px,var(--gray) 26px 36px,var(--dark-gray) 36px 122px,var(--light-gray) 122px 160px,var(--gray) 160px) 120px 180px / 170px 10px,linear-gradient(var(--gray) 10px,var(--dark-blue) 10px 150px,var(--gray) 150px) 130px 10px / 150px 160px,linear-gradient(90deg,var(--gray) 10px,var(--dark-blue) 10px 180px,var(--gray) 180px) 110px 30px / 190px 120px,linear-gradient(var(--gray),var(--gray)) 120px 20px / 170px 140px,linear-gradient(var(--light-gray),var(--light-gray)) 110px top / 190px 200px,linear-gradient(90deg,var(--gray) 10px,var(--light-gray) 10px) 90px 10px / 220px 180px,linear-gradient(var(--gray),var(--gray)) 100px top / 200px 200px,linear-gradient(var(--dark-gray),var(--dark-gray)) 40px top / 260px 200px,linear-gradient(90deg,var(--dark-gray) 50%,var(--light-gray) 50%) 30px 10px / 280px 180px,linear-gradient(90deg,var(--dark-gray) 96px,var(--gray) 96px) 70px 210px / 216px 14px,linear-gradient(var(--dark-gray),var(--dark-gray)) 90px 190px / 178px 30px;background-repeat:no-repeat}@media(max-width:768px){#computer{transform:translate(-50%,-50%) scale(.7)}}#computer:before{content:"";display:block;position:absolute;width:10px;height:10px;top:95px;left:175px;background-color:#dc2626;animation:hello 3.5s linear infinite forwards alternate}@keyframes hello{0%,18%{box-shadow:0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,40px -30px #dc2626,40px -20px #dc2626,10px -30px #dc2626,10px -20px #dc2626,50px 0 #dc2626,40px 10px #dc2626,30px 10px #dc2626,20px 10px #dc2626,10px 10px #dc2626}24%,38%{box-shadow:0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,50px -30px #dc2626,40px -20px #dc2626,0 -30px #dc2626,10px -20px #dc2626,50px 0 #dc2626,40px 10px #dc2626,30px 0 #dc2626,20px 10px #dc2626,10px 10px #dc2626}44%,58%{box-shadow:0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,50px -30px #dc2626,50px 0 #dc2626,40px 10px #dc2626,30px -20px #dc2626,30px 0 #dc2626,30px 10px #dc2626,10px -10px #dc2626,0 -30px #dc2626,0 -20px #dc2626,0 10px #dc2626}64%,78%{box-shadow:0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,0 0 #dc2626,50px -30px #dc2626,50px 0 #dc2626,50px 10px #dc2626,30px -30px #dc2626,30px -20px #dc2626,30px 0 #dc2626,30px 10px #dc2626,10px -10px #dc2626,0 -30px #dc2626,0 -20px #dc2626,0 10px #dc2626}84%,to{box-shadow:50px -30px #dc2626,50px -10px #dc2626,50px 0 #dc2626,50px 10px #dc2626,30px -30px #dc2626,30px -20px #dc2626,30px -10px #dc2626,30px 0 #dc2626,30px 10px #dc2626,20px -10px #dc2626,10px -10px #dc2626,0 -30px #dc2626,0 -20px #dc2626,0 -10px #dc2626,0 10px #dc2626}}.card-container{display:flex;justify-content:center;width:100%}.feature-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:320px;padding:32px;border-radius:24px;overflow:hidden;line-height:1.6;border:1px solid #cccccc;transition:all .48s cubic-bezier(.23,1,.32,1);background-color:hsl(var(--b1) / var(--tw-bg-opacity, 1))}.content{display:flex;flex-direction:column;height:100%;width:100%;justify-content:space-between;gap:8px;transition:all .48s cubic-bezier(.23,1,.32,1)}.content .quotes{display:flex}.content .footer{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.content .para{z-index:1;opacity:.8;font-size:16px;transition:all .48s cubic-bezier(.23,1,.32,1)}.feature-card:hover{box-shadow:8px 8px #ff1a0a;border-color:#ff0a0a;transform:translate(-8px,-8px)}.services-card:hover{box-shadow:8px 8px #470aff;border-color:#470aff;transform:translate(-8px,-8px)}.status-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;width:100%;height:100%}.status{display:flex;flex-direction:column;background-color:#222533;background-image:none;color:#fff;padding:10px;width:100%;height:100%;min-height:300px;border-radius:10px;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:all .3s ease-in-out;border:transparent 1px solid}.mac-content{display:flex;align-items:center;cursor:text;gap:8px}.status span{font-size:1rem;font-weight:400;transition:all .3s ease-in-out}.status span:first-child{color:#57c7ff}.status .arrow{color:#ff6ac1}.cursor{height:80%;width:.5px;background-color:#b4adad;opacity:0;animation:animate .8s ease infinite;transition:.8s animate}.mac-header{display:flex;align-items:center;gap:8px;margin-bottom:15px}.mac-header span{display:inline-block;width:12px;height:12px;border-radius:50%}.mac-header .red{background-color:#ff5f57}.mac-header .yellow{background-color:#ffbd2e}.mac-header .green{background-color:#28c941}.terminal-response{color:#ffd606}@media(max-width:768px){.status-container{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;gap:20px}}@keyframes animate{to{opacity:100%}}