.mars-ui-container{width:900px;max-width:90vw;display:flex;flex-direction:column;align-items:center;gap:40px;perspective:2000px;z-index:10}.section-title{font-size:3.5rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 50px rgba(255,60,60,.6);margin-bottom:20px}.card-row{display:flex;justify-content:center;gap:24px;width:100%}.project-card{position:relative;width:200px;height:280px;border-radius:20px;background-color:#0a0a0c66;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 0 0 1px #ffffff14;cursor:pointer;pointer-events:auto;display:flex;flex-direction:column;padding:45px;overflow:hidden;transform-style:preserve-3d;transform:rotateX(0) rotateY(0) scale(1);transition:transform .25s cubic-bezier(.1,.9,.2,1)}.project-card:after{content:"";position:absolute;bottom:-50px;left:0;right:0;height:150px;background:radial-gradient(ellipse at bottom,rgba(255,80,60,.4) 0%,rgba(200,40,40,.1) 40%,transparent 70%);filter:blur(20px);opacity:.6;pointer-events:none;transition:opacity .4s ease}.project-card:hover:after{opacity:1}.project-card:before{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;z-index:2;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,150,100,.15),transparent 40%);opacity:0;transition:opacity .4s ease}.project-card:hover:before{opacity:1}.card-rim{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:.3}.card-content-wrapper{position:relative;z-index:5;height:100%;display:flex;flex-direction:column}.card-id{font-size:10px;font-weight:800;color:#ff646499;letter-spacing:2px;margin-bottom:16px}.card-title{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 0 20px rgba(255,0,0,.4);transform:translateZ(30px)}.card-desc{font-size:.85rem;color:#fff0f0b3;line-height:1.6;font-weight:300;transform:translateZ(15px)}.card-footer{margin-top:auto;display:flex;justify-content:flex-end;transform:translateZ(20px)}.enter-icon{width:32px;height:32px;border:1px solid rgba(255,100,100,.3);background:#320a0a4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fcc;transition:all .3s cubic-bezier(.2,.8,.2,1)}.project-card:hover .enter-icon{background:#f33;border-color:#f33;color:#fff;box-shadow:0 0 20px #ff323299;transform:scale(1.1) rotate(-45deg)}body{margin:0;padding:0;background-color:#000;overflow:auto}.fade-in{opacity:0;animation:fadeIn 2s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}