: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}}.card-swap-container{position:absolute;bottom:0;right:0;transform:translate(5%,20%);transform-origin:bottom right;perspective:900px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:12px;border:1px solid #fff;background:#000;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}}@media(max-width:480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:row;align-items:center;position:relative;padding:2rem;gap:3rem}.content{text-align:left;z-index:1;max-width:500px;flex-shrink:0;padding:2rem}.gallery-container{flex:1;height:100vh;display:flex;align-items:center;justify-content:center}.content h1{font-size:4rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.description{font-size:1.5rem;color:#888;line-height:1.6}.project-card{cursor:pointer;transition:box-shadow .3s ease;overflow:hidden}.project-card:hover{box-shadow:0 20px 60px #667eea66}.card-image{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:1024px){.app-container{flex-direction:column;padding:2rem 1rem}.content{text-align:center;max-width:100%;padding:1rem}.gallery-container{height:70vh}.content h1{font-size:3rem}.description{font-size:1.2rem}}@media(max-width:768px){.content h1{font-size:2.5rem}.description{font-size:1rem}.app-container{padding:1rem}}@media(max-width:480px){.content h1{font-size:2rem}.description{font-size:.9rem}}