@import url(https://fonts.googleapis.com/css2?family=Alegreya+SC&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--card-min-width:115px;--card-max-width:207px;--card-aspect:160/260;--gap-min:20px;--gap-max:45px;--selected-gap-min:40px;--selected-gap-max:130px;--font-min:24px;--font-max:32px;--padding-min:10px;--padding-max:20px}*{box-sizing:border-box}body,html{font-family:Alegreya SC,serif;height:100%;margin:0;overflow:hidden;padding:0}body{background-position:50%;background-repeat:no-repeat;background-size:cover}.container{align-items:center;color:#c4c4c4;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:clamp(10px,4vw,20px);padding:clamp(var(--padding-min),4vw,var(--padding-max));text-align:center;width:100vw}h1{font-size:clamp(24px,4vw,32px);font-size:clamp(var(--font-min),4vw,var(--font-max));letter-spacing:1px;margin-bottom:clamp(15px,3vw,20px);text-transform:uppercase}.cards-container{align-items:center;display:flex;flex-direction:column;gap:clamp(20px,5vw,45px);gap:clamp(var(--gap-min),5vw,var(--gap-max));margin-top:clamp(20px,5vw,45px);margin-top:clamp(var(--gap-min),5vw,var(--gap-max));transition:opacity .5s ease-in-out}.row{display:flex;flex-wrap:nowrap;gap:clamp(20px,2vw,45px);gap:clamp(var(--gap-min),2vw,var(--gap-max));justify-content:center;width:100%}.card{aspect-ratio:160/260;aspect-ratio:var(--card-aspect);box-shadow:0 4px 12px #00000080;cursor:pointer;perspective:1000px;position:relative;transition:transform .5s ease-in-out,opacity .5s ease-in-out;width:clamp(115px,16vw,207px);width:clamp(var(--card-min-width),16vw,var(--card-max-width))}.card img{backface-visibility:hidden;border-radius:6px;height:100%;object-fit:cover;transform-style:preserve-3d;transition:transform .6s;width:100%}.card.flipped img{backface-visibility:visible;transform:rotateY(180deg) scaleX(-1)}.selected-cards{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(40px,10vw,130px);gap:clamp(var(--selected-gap-min),10vw,var(--selected-gap-max));justify-content:center;margin-top:clamp(20px,5vw,45px);margin-top:clamp(var(--gap-min),5vw,var(--gap-max));width:100%}.card.selected{animation:scaleUp .8s ease-in-out forwards;position:relative;z-index:10}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.425)}}.cards-container.cards-hidden .card:not(.selected){opacity:0;transform:scale(.8)}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-family:Alegreya SC,serif;font-size:20px;font-weight:700;letter-spacing:1px;margin-top:20px;max-width:300px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease;width:100%}.send-button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.send-button:active{box-shadow:0 3px 10px #667eea80;transform:translateY(0)}@media (max-width:768px){:root{--card-max-width:150px;--gap-max:30px;--selected-gap-max:100px;--padding-max:15px}h1{font-size:22px}.send-button{font-size:18px;padding:12px 35px}}@media (max-width:480px){:root{--card-min-width:73px;--card-max-width:119px;--gap-min:10px;--gap-max:15px;--selected-gap-min:10px}h1{font-size:18px}.send-button{font-size:16px;padding:10px 30px}@keyframes phoneScale{0%{transform:scale(1)}to{transform:scale(1.32)}}.card.selected{animation:phoneScale .8s ease-in-out forwards}}
/*# sourceMappingURL=main.1e2068e0.css.map*/