@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";body,html{margin:0;padding:0;overflow-x:hidden;width:100%;background-color:#000;overscroll-behavior:none}.portfolio-selector-container{position:fixed;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background-color:#0a0a0a;z-index:5000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;padding:1rem 0;overflow-x:hidden;overflow-y:auto;color:#fff;perspective:1000px;transform-style:preserve-3d}.portfolio-selector-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#1a1a1a,#000);z-index:-1;pointer-events:none;overflow:hidden}.portfolio-selector-bg:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.03) 0%,transparent 50%);animation:rotateBg 60s linear infinite}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.selector-header{text-align:center;margin-bottom:1rem;z-index:10;animation:fadeInDown 1s ease-out}.selector-title{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700;margin:0;background:linear-gradient(to right,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.selector-subtitle{display:block;margin-top:1rem;font-size:1rem;color:#888;text-transform:uppercase;letter-spacing:.2em;font-weight:300}.options-container{display:flex;flex-direction:column;gap:30px;z-index:10;width:90%;max-width:1200px;perspective:1000px;margin:0}@media(min-width:768px){.options-container{flex-direction:row;height:55vh;min-height:400px;max-height:600px}}.portfolio-card{flex:1;position:relative;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.25,.8,.25,1);box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.05);background-size:cover;background-position:center}.card-cyberpunk{background-image:url(/assets/previews/preview-cyberpunk.webp)}.card-corpo{background-image:url(/assets/previews/preview-corpo.webp)}.card-freelancer{background-image:url(/assets/previews/preview-freelancer.webp)}.portfolio-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;transition:background .5s ease;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.fade-out,.card-exiting{opacity:0!important;transform:scale(.95);transition:all .5s ease-out;pointer-events:none}.card-zooming{z-index:9999!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;margin:0!important;border-radius:0!important;border:none!important;box-shadow:none!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;animation:portalEnter 1s cubic-bezier(.65,0,.35,1) forwards}.card-zooming .card-content{opacity:0;transition:opacity .3s ease}.card-zooming:before{background:#0000!important;transition:background .5s ease}@keyframes portalEnter{0%{transform:scale(.1);opacity:.5;border-radius:50px}10%{opacity:1;transform:scale(.2)}to{transform:scale(1);border-radius:0}}.card-zooming{position:relative!important;z-index:9999!important;transform-origin:center center;animation:zoomCover 1.2s cubic-bezier(.7,0,.3,1) forwards!important;border-color:transparent!important}@keyframes zoomCover{0%{transform:scale(1);z-index:9999}20%{transform:scale(.95)}to{transform:scale(20)}}.portfolio-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);transition:opacity .5s ease}.card-content{position:absolute;bottom:0;left:0;width:100%;padding:2.5rem;z-index:2;transform:translateY(20px);transition:transform .5s cubic-bezier(.25,.8,.25,1);text-align:left}.card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#d4af37;margin-bottom:.5rem;opacity:0;transform:translateY(10px);transition:all .5s ease .1s}.card-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:400;margin:0 0 1rem;color:#fff}.card-desc{font-size:.95rem;line-height:1.6;color:#ccc;margin-bottom:1.5rem;opacity:.7;max-width:90%}.card-action{display:inline-block;font-size:.9rem;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px;opacity:0;transform:translate(-10px);transition:all .5s ease .2s}.portfolio-card:hover{flex:1.5;transform:translateY(-10px);box-shadow:0 20px 40px #0009;border-color:#fff3}.portfolio-card:hover:before{background:#0003}.portfolio-card:hover .card-content{transform:translateY(0)}.portfolio-card:hover .card-label{opacity:1;transform:translateY(0)}.portfolio-card:hover .card-action{opacity:1;transform:translate(0)}@media(max-width:768px){.portfolio-selector-container{height:100%;min-height:100vh;overflow-y:auto;justify-content:flex-start;padding:60px 0 40px}.selector-header{margin-top:1rem;margin-bottom:1.5rem}.selector-title{font-size:2.2rem}.selector-subtitle{font-size:.8rem}.options-container{width:85%;height:auto;gap:20px;flex-direction:column}.portfolio-card{min-height:220px;flex:none}.card-content{transform:translateY(0);padding:1.5rem}.card-label{opacity:1;transform:none;margin-bottom:.3rem;font-size:.7rem}.card-title{font-size:1.6rem;margin-bottom:.5rem}.card-desc{font-size:.9rem;margin-bottom:1rem;opacity:.9;display:block}.card-action{opacity:1;transform:none;font-size:.8rem}.portfolio-card:hover{transform:none;box-shadow:0 5px 15px #00000080}.portfolio-card:active{transform:scale(.98)}.selector-footer{margin-top:1.5rem;margin-bottom:1rem}}.selector-footer{margin-top:1rem;color:#888;font-size:.8rem;opacity:.8}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.container-zooming{overflow:hidden!important;pointer-events:none}.fade-out,.card-exiting{opacity:0!important;transform:translateZ(-500px) rotateX(10deg);transition:all .8s ease-in;pointer-events:none}.card-zooming{z-index:9999!important;position:fixed!important;top:50%!important;left:50%!important;width:600px!important;height:800px!important;margin:0!important;border-radius:20px!important;transform:translate(-50%,-50%) translateZ(0);box-shadow:0 0 50px #ffffff1a!important;border:none!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;animation:portalDive 1.5s cubic-bezier(.7,0,.2,1) forwards!important}@media(max-width:768px){.card-zooming{width:90vw!important;height:60vh!important}}.card-zooming .card-content{opacity:0;transition:opacity .2s ease}.card-zooming:before{background:#0000!important;transition:background .3s ease}@keyframes portalDive{0%{transform:translate(-50%,-50%) translateZ(0);opacity:1}30%{transform:translate(-50%,-50%) translateZ(-200px) rotateX(2deg)}to{transform:translate(-50%,-50%) translateZ(2000px);opacity:0}}