:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;min-height:100vh;margin:0}.app-wrapper{position:relative;min-height:100vh;overflow-x:hidden;background:#0e0e11}.title-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30px;position:relative;z-index:2}.title{margin-bottom:10px;padding-top:40px;font-size:100px;font-weight:600;color:#fff}.header-socials{display:flex;gap:25px;font-size:2rem;color:#78b4ff}.header-socials a{color:inherit;transition:transform .2s,color .2s}.header-socials a:hover{color:#fff;transform:translateY(-5px)}@media(max-width:700px){.title{font-size:50px}.header-socials{font-size:1.5rem;gap:20px}}.title{text-align:center;padding-top:0;margin-bottom:30px;font-size:100px;font-weight:600;color:#fff;position:relative;z-index:2}.lights{position:fixed;inset:0;pointer-events:none;z-index:0}.lights:before,.lights:after{content:"";position:absolute;width:45vw;height:140vh;background:radial-gradient(ellipse at center,rgba(120,180,255,.18) 0%,rgba(120,180,255,.08) 30%,transparent 70%);filter:blur(30px);animation:lightMove 7s ease-in-out infinite alternate}.lights:before{left:-22vw;transform:rotate(12deg)}.lights:after{right:-22vw;transform:rotate(-12deg);animation-delay:2s}@keyframes lightMove{0%{transform:translateY(-10%) rotate(12deg)}to{transform:translateY(20%) rotate(12deg)}}.masonry-grid{column-width:260px;column-gap:20px;padding:40px;max-width:1500px;margin:auto;position:relative;z-index:2}@media(max-width:700px){.title{font-size:40px}.masonry-grid{padding:20px;column-gap:14px}}.card{position:relative;display:block;width:100%;margin-bottom:18px;break-inside:avoid;border-radius:16px;overflow:hidden;background:#1a1a1e;box-shadow:0 4px 12px #0000004d;transition:all .3s cubic-bezier(.25,.8,.25,1);text-decoration:none;border:none;outline:none}.card:hover,.card:focus-within{transform:translateY(-5px) scale(1.02);box-shadow:0 0 20px #78b4ff66,0 10px 30px #00000080;z-index:5}.card:active{transform:scale(.98);filter:brightness(1.2)}.card.no-link{cursor:default}.card.no-link:hover{transform:none;box-shadow:0 4px 12px #0000004d}.card video,.card img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s ease}.card-small img,.card-small video{aspect-ratio:1/1}.card-medium img,.card-medium video{aspect-ratio:4/5}.card-large img,.card-large video{aspect-ratio:2/3}.card-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 14px;background:linear-gradient(transparent,#000000d9);color:#fff;font-weight:600;font-size:1.1rem;pointer-events:none;opacity:.9;transition:opacity .3s ease}.card:hover .card-overlay{opacity:1}.card.has-details:hover{cursor:zoom-in;box-shadow:0 0 25px #78b4ff99}.masonry-grid{column-count:4;column-gap:30px;padding:40px;max-width:2000px;margin:0 auto}.card{break-inside:avoid;margin-bottom:30px;width:100%}@media(max-width:1600px){.masonry-grid{column-count:3}}@media(max-width:1200px){.masonry-grid{column-count:2}}@media(max-width:600px){.masonry-grid{column-count:1}}.sidebar-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;animation:fadeIn .3s forwards}.sidebar-backdrop.fade-out{animation:fadeOut .3s forwards}.project-sidebar{position:fixed;top:0;right:0;width:450px;height:100vh;background:#151518;z-index:1000;box-shadow:-10px 0 30px #00000080;padding:30px;color:#fff;overflow-y:auto;box-sizing:border-box;border-left:1px solid rgba(120,180,255,.2);transition:width .3s ease}.slide-in{animation:slideIn .4s cubic-bezier(.16,1,.3,1) forwards}.slide-out{animation:slideOut .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn{background:#ffffff14;border:none;color:#fff;width:44px;aspect-ratio:1 / 1;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;padding:0}.close-btn:hover{background:#78b4ff4d}.close-btn:before{content:"×";font-size:28px;display:block;line-height:1;margin-top:-2px}.sidebar-media{width:100%;margin:10px 0;display:flex;justify-content:center}.sidebar-media video,.sidebar-media img{width:100%;border-radius:12px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.tech-badge{background:#78b4ff1a;color:#78b4ff;padding:5px 12px;border-radius:6px;font-size:.8rem;border:1px solid rgba(120,180,255,.2)}.sidebar-info h3{font-size:1.5rem;margin-top:20px;color:#78b4ff}.sidebar-info p{line-height:1.6;color:#ccc}@media(min-width:1400px){.project-sidebar{width:600px;padding:50px}}@media(max-width:600px){.project-sidebar{width:100%;padding:20px}}