@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap";body{background:#0a0a0a;font-family:JetBrains Mono,monospace!important;font-optical-sizing:auto;font-weight:500;font-style:normal;overflow-y:scroll}img{pointer-events:none;-webkit-user-select:none;user-select:none}::selection{background:#ffffffb3!important;color:#000!important}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.card{background-color:#ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;position:relative;overflow:hidden;border:.1px solid rgba(255,255,255,.4);transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1);will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.card:hover:before{opacity:1}.card:before,.card:after{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s cubic-bezier(.23,1,.32,1);width:100%;pointer-events:none;will-change:opacity}.card:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);z-index:3}.card:after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.4),transparent 40%);z-index:1}.title{color:#f0f0f0;font-weight:600;font-size:1.2em;line-height:22px;margin-bottom:5px}.text{color:#fff9;font-size:.8em;margin-top:5px}.select{background:#000!important}.grid-container{display:grid;gap:24px;justify-content:center;place-items:stretch;grid-template-columns:repeat(3,1fr);align-items:stretch}.grid-container .card{transition:all .3s cubic-bezier(.23,1,.32,1)}.grid-container .card:hover{transform:translateY(-8px) translateZ(0);box-shadow:0 16px 40px #00000080,0 0 30px #ffffff26;border-color:#fff6;background:#ffffff1a}.grid-container .card:hover img{transform:scale(1.06) translateZ(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.other-project-link{padding:12px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fffc;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;display:inline-block;white-space:nowrap}.other-project-link:hover{background:#ffffff14;border-color:#fff3;color:#fff}iframe[title="Resume PDF"]{border:none!important}iframe[title="Resume PDF"]::-webkit-scrollbar{display:none!important}embed[type="application/pdf"],object[type="application/pdf"]{border:none!important}.other-project-card{position:relative;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity}.other-project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff80,#ffffff80);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s cubic-bezier(.23,1,.32,1);pointer-events:none;z-index:0;will-change:opacity}.other-project-card:hover:before{opacity:1}.other-project-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgb(211,211,211) 0%,transparent 70%);transform:translate(-50%,-50%) translateZ(0);transition:width .7s cubic-bezier(.23,1,.32,1),height .7s cubic-bezier(.23,1,.32,1);pointer-events:none;z-index:0;will-change:width,height}.other-project-card:hover:after{width:300px;height:300px}.other-project-card:hover .other-card-gradient-overlay{opacity:1}.other-project-card:hover .other-card-circle{width:150px;height:150px;opacity:.8}.other-project-card:hover .other-card-logo{transform:scale(1.12) rotate(5deg) translateZ(0)}.other-project-card:hover .other-card-initial{transform:scale(1.18) translateZ(0);color:#fffc}.other-project-card:hover .other-card-title{color:#fff;transform:translateY(-3px) translateZ(0)}@keyframes slideUp{0%{transform:translateY(100%) translateZ(0);opacity:0}to{transform:translateY(0) translateZ(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0) translateZ(0);opacity:1}to{transform:translateY(100%) translateZ(0);opacity:0}}.heroBtn{background-color:#ffffff0d!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1)!important;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,background-color,border-color,box-shadow}.heroBtn:before,.heroBtn:after{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s cubic-bezier(.23,1,.32,1);width:100%;pointer-events:none;will-change:opacity}.heroBtn:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.1),transparent 40%);z-index:3}.heroBtn:after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.4),transparent 40%);z-index:1}.heroBtn:hover:before{opacity:1}.heroBtn:hover{background-color:#ffffff1f!important;border-color:#ffffff80!important;transform:translateY(-3px) translateZ(0);box-shadow:0 12px 28px #0006,0 0 20px #ffffff26}.startup-card{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.startup-card *{transition:all .15s ease}@media (max-width: 1200px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.startup-card{padding:20px!important}.grid-container{grid-template-columns:1fr;gap:16px}.card{border-radius:10px}.other-project-card{min-height:200px!important}.heroBtn{font-size:14px!important;padding:10px 20px!important}}@media (max-width: 480px){.grid-container{gap:12px}.card{border-radius:8px}.other-project-card{min-height:180px!important}.title{font-size:1em}.text{font-size:.75em}}img{content-visibility:auto;contain-intrinsic-size:auto 300px}.card,.other-project-card,.heroBtn{content-visibility:auto;contain-intrinsic-size:auto 200px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
