.App{font-family:sans-serif;text-align:center}body{margin:0;padding:0;overflow-y:scroll;--secondary:#a1a1a1;--divider:#343434}body.modal-open{overflow:hidden}*{box-sizing:border-box;font-family:\.SFNSText,SFProText-Regular,SFUIText-Regular,\.SFUIText,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}#root{display:flex;justify-content:center}.screen{width:100%;height:100%}.container{max-width:990px;flex:1 1 100%;padding:45px 25px}h1{font-weight:700;color:#fff;margin:6px 0 12px}.date{color:var(--secondary);font-size:14px;text-transform:uppercase}header{border-bottom:1px solid var(--divider);position:relative}.avatar{background:var(--divider);border-radius:50%;position:absolute;bottom:12px;right:0;overflow:hidden}.avatar,.avatar img{width:40px;height:40px}li,ul{list-style:none;padding:0;margin:0}.tech-item{display:inline-block;padding:2px 6px;margin-right:8px;font-size:12px;color:#fff;background-color:#183d3d;border-radius:4px}.card-list{display:flex;flex-wrap:wrap;align-content:flex-start}.card{position:relative;padding:25px;height:460px;flex:0 0 40%;max-width:40%}.card:nth-child(4n+1),.card:nth-child(4n+4){flex:0 0 60%;max-width:60%}.card:nth-child(odd){padding-left:0}.card:nth-child(2n){padding-right:0}.card-content-container{width:100%;height:100%;position:relative;display:block;pointer-events:none}.card-content-container.open{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;padding:40px 0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.card-content{pointer-events:auto;position:relative;border-radius:20px;background:#1c1c1e;overflow:hidden;width:100%;height:100%;margin:0 auto}.open .card-content{height:auto;max-width:700px;min-height:100vh;overflow:visible}.card-open-link{position:absolute;top:0;left:0;right:0;bottom:0}.card-image-container{position:absolute;top:0;left:0;overflow:hidden;height:420px;width:100%;transform:translateZ(0)}.card-image{width:100%;height:100%;object-fit:cover}.title-container{position:absolute;top:15px;left:15px;max-width:300px;color:#fff;z-index:5}.open .title-container{top:30px;left:30px}.title-container h2{color:#fff;margin:8px 0;font-size:24px;font-weight:800;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3)}.category{color:#fff;font-size:14px;text-transform:uppercase}.overlay{z-index:999;position:fixed;background:rgba(0,0,0,.8);will-change:opacity;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.content-container{padding:460px 35px 35px;max-width:700px;width:90vw;background:#fff;min-height:50vh}.content-container p{color:#333;font-size:20px;line-height:28px}.links-container{margin:20px 0}.links-container a{display:inline-block;padding:10px 20px;margin-right:10px;background-color:#183d3d;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s}.links-container a:hover{background-color:#2a5a5a}.modal-images-container{margin-top:20px}.modal-image{margin-bottom:15px;border-radius:10px}@media only screen and (max-width:800px){.card,.card:nth-child(4n+1),.card:nth-child(4n+4){flex:0 0 50%;max-width:50%}.card-content-container.open{padding:20px 0}.content-container{padding:440px 20px 20px;width:95vw}}@media only screen and (max-width:600px){.card{padding-left:0;padding-right:0}.card,.card:nth-child(4n+1),.card:nth-child(4n+4){flex:1 0 100%;max-width:100%}.card-content-container.open{padding:10px 0}.content-container{padding:420px 15px 15px;width:100vw}}.markdown-content{line-height:1.6;color:#333}.markdown-h1{font-size:2.5rem;font-weight:700;margin:2rem 0 1rem;color:#1a1a1a;border-bottom:2px solid #e5e5e5;padding-bottom:.5rem}.markdown-h2{font-size:2rem;font-weight:600;margin:1.5rem 0 .75rem;color:#1a1a1a;border-bottom:1px solid #e5e5e5;padding-bottom:.25rem}.markdown-h3{font-size:1.5rem;margin:1.25rem 0 .5rem}.markdown-h3,.markdown-h4{font-weight:600;color:#2a2a2a}.markdown-h4{font-size:1.25rem;margin:1rem 0 .5rem}.markdown-p{margin:1rem 0;font-size:1rem;line-height:1.7;color:#333}.markdown-ol,.markdown-ul{margin:1rem 0;padding-left:2rem}.markdown-li{margin:.5rem 0;line-height:1.6}.markdown-blockquote{border-left:4px solid #183d3d;margin:1.5rem 0;padding:.5rem 0 .5rem 1.5rem;background-color:#f8f9fa;font-style:italic;color:#555}.markdown-code-inline{background-color:#f1f3f4;padding:.2rem .4rem;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;color:#d73a49}.markdown-pre{background-color:#f6f8fa;border:1px solid #e1e4e8;border-radius:6px;padding:1rem;overflow-x:auto;margin:1rem 0}.markdown-code-block{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.5;color:#333}.markdown-link{color:#183d3d;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.markdown-link:hover{border-bottom-color:#183d3d}.markdown-strong{font-weight:600;color:#1a1a1a}.markdown-em{font-style:italic;color:#555}.markdown-table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9rem}.markdown-thead{background-color:#f6f8fa}.markdown-td,.markdown-th{border:1px solid #d0d7de;padding:.75rem;text-align:left}.markdown-th{font-weight:600;color:#1a1a1a}.markdown-tr:nth-child(2n){background-color:#f9f9f9}.links-container{margin:2rem 0;display:flex;gap:1rem;flex-wrap:wrap}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#183d3d;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;border:2px solid transparent}.project-link:hover{background-color:#2a5a5a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,61,61,.3)}.project-link svg{width:16px;height:16px}.github-link:hover{background-color:#333;border-color:#333}.live-link:hover{background-color:#2563eb;border-color:#2563eb}.modal-images-container{margin-top:2rem}.modal-image{width:100%;max-width:100%;height:auto;margin-bottom:1.5rem;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:transform .3s ease}.modal-image:hover{transform:scale(1.02)}@media (max-width:768px){.markdown-h1{font-size:2rem}.markdown-h2{font-size:1.5rem}.markdown-h3{font-size:1.25rem}.links-container{flex-direction:column}.project-link{justify-content:center}.markdown-table{font-size:.8rem}.markdown-td,.markdown-th{padding:.5rem}}