.project-card-flip{perspective:1200px;width:calc(100% / 2 - 16px);min-width:300px;height:320px;flex-shrink:0}.project-card-flip-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,2,.6,1);transform-style:preserve-3d}@media (hover:hover) and (pointer:fine){.project-card-flip:hover .project-card-flip-inner{transform:rotateY(180deg)}}.flipped .project-card-flip-inner,.project-card-flip:focus-within .project-card-flip-inner{transform:rotateY(180deg)}.project-card{border-radius:16px;box-sizing:border-box;width:100%;box-shadow:0 12px 32px rgba(0,0,0,.3);overflow:hidden;top:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#232323;z-index:100}.bc,.project-card{height:100%;position:absolute}.bc{width:auto;object-fit:cover;z-index:-1;opacity:.5}.project-card-front{z-index:2;backface-visibility:hidden;.project-title{margin:0;color:#dcdcdc;font-size:20px;border-bottom:none;font-family:monospace}}.project-overlay{background:linear-gradient(0deg,#000000d1,#0000);width:100%;padding:16px;transition:backdrop-filter .5s,background .5s;position:absolute;bottom:0;height:100%;justify-content:end}.project-card-back,.project-overlay{color:#fff;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}.project-card-back{transform:rotateY(180deg);z-index:3;padding:24px;justify-content:flex-start;border-radius:16px;background:linear-gradient(135deg,#121212,#2a2a2a);overflow-y:auto;max-height:100%;scrollbar-width:thin;scrollbar-color:#555 #222}.project-card-back::-webkit-scrollbar{width:6px}.project-card-back::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.project-card-back::-webkit-scrollbar-track{background:#222}.project-card-back .project-title{color:rgb(255,182,193,.9);text-align:left;border-bottom:1px solid #444;margin-top:0;margin-bottom:16px;padding-bottom:2px;font-family:monospace;font-size:33px}.project-desciption{color:rgb(221,221,221,.9);font-size:14px;line-height:1.5;position:relative;margin-top:0;font-family:monospace}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.project-technology{background:#1e1e1e;border:1px solid #444;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:13px;cursor:default;color:#f0f0f0;transition:all .2s ease}.project-technology:hover{background:#2e2e2e;border-color:#666}.project-link-flip{color:#f0f0f0;border-radius:12px;align-self:center;align-items:center;gap:8px;margin-top:auto;padding:10px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .3s,transform .2s;display:inline-flex;box-shadow:0 4px 12px #0003;background:rgba(255,182,193,.8);font-family:monospace}.project-link-flip:hover{background:#c9a9a1}@media (max-width:1060px){.project-card-flip{width:100%;max-width:500px}.project-card-flip{.project-title{font-size:26px}}}.profile-card-flip{perspective:1200px;width:360px;height:480px;cursor:pointer}.profile-card-flip-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,2,.6,1);transform-style:preserve-3d}.profile-card-flip.flipped .profile-card-flip-inner{transform:rotateY(180deg)}.profile-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.3)}.front{background:#000;color:#fff}.profile-image{width:100%;height:100%;object-fit:cover}.profile-overlay{color:#fff;box-sizing:border-box;background:linear-gradient(0deg,#000000d1,#0000);width:100%;padding:16px;transition:backdrop-filter .5s,background .5s;position:absolute;bottom:0;height:60%;display:flex;flex-direction:column;align-items:flex-start;justify-content:end}.profile-name{font-family:monospace;font-size:20px;font-weight:600;color:#dcdcdc}.profile-specialty{font-size:14px;font-style:italic;margin-top:3px;color:lightpink}.profile-description{font-size:14px;margin-top:8px;line-height:1.4;color:#dcdcdc;font-family:monospace}.profile-socials{display:flex;gap:12px;margin-top:12px}.profile-socials a{color:#dcdcdc;transition:color .3s ease;font-size:18px}.profile-socials a:hover{color:lightpink}.back{color:#fff;box-sizing:border-box;border-radius:16px;justify-content:center;align-items:center;padding:24px;display:flex;transform:rotateY(180deg);background:rgba(0,0,0,.4)}.profile-back-content{text-align:left;width:100%;max-height:100%;overflow-y:auto;padding:8px}.profile-back-content h3{color:rgb(255,182,193,.9);text-align:left;border-bottom:1px solid #444;margin-top:0;margin-bottom:16px;padding-bottom:2px;font-family:Huninn,sans-serif;font-size:33px}.profile-benefits{font-size:14px;list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;margin:0}.profile-benefits span{color:rgb(221,221,221,.9);font-size:14px;line-height:1.5;position:relative;font-family:monospace}