@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.landing-content{flex-direction:column;gap:20px;text-align:center}.landing-text h1{font-size:2.5rem}.project-card{margin-bottom:20px}.contact-section form{max-width:70%;margin:20px auto}.contact-wrapper{padding:0 12px}.projects-grid .project-card:nth-child(1) .image-container.visible:not(.animated):after{animation:fadeInOut 3s ease-in-out forwards}}@media(min-width:769px){.projects-grid .project-card:nth-child(-n+4) .image-container.visible:not(.animated):after{animation:fadeInOut 3s ease-in-out forwards}}html,body{width:100%;overflow-x:hidden;margin:0;padding:0;font-family:Inter,sans-serif}.landing-page{background:#0d1117;color:#fff;height:100vh;display:flex;align-items:center;justify-content:center;padding:40px}.landing-content{display:flex;align-items:center;gap:40px;flex-wrap:wrap;text-align:center;max-width:1200px}.landing-text{flex:1;max-width:600px}.landing-text h1{font-size:4rem;margin-bottom:15px}.landing-image{flex:1;text-align:center}.landing-image img{max-width:100%;height:auto;max-height:500px}.drawn-heading{font-weight:300;font-size:4rem;margin-bottom:20px;line-height:1.1;overflow:hidden}.drawn-text{display:inline-block;color:transparent;position:relative;-webkit-text-stroke:1px white;animation:revealText 2.5s ease forwards;background-size:0 100%;background:linear-gradient(90deg,#fff,#fff) no-repeat;background-clip:text;-webkit-background-clip:text}@keyframes revealText{0%{background-size:0 100%}to{background-size:100% 100%}}.projects-section{background:#fff;color:#111;padding:100px 20px 80px;text-align:center;position:relative}.projects-content{max-width:1000px;margin:0 auto}.projects-content h2{font-size:2.5rem;margin-bottom:15px}.projects-content p{font-size:1.1rem;margin-bottom:15px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}.project-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;background-color:#1e1e1e;border-radius:12px;overflow:hidden;color:#fff;border:3px solid #444;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:scale(1.015);box-shadow:0 10px 30px #0000004d}.image-container{height:200px;overflow:hidden;border-bottom:3px solid #444;border-left:2px solid #444;border-right:2px solid #444;border-top:1px solid #444;position:relative}.project-image{width:100%;height:100%;object-fit:cover;object-position:top;display:block;border-radius:0;image-rendering:auto;transition:none}.image-container:after{content:"Click to Fullscreen";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:700;font-family:Inter,sans-serif;pointer-events:none}.image-container:hover:after{opacity:1;animation:none}@keyframes fadeInOut{0%{opacity:0}20%{opacity:.7}80%{opacity:.7}to{opacity:0}}.project-details{padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.project-details p{min-height:60px;margin-bottom:15px}.project-details h4{margin-bottom:10px;font-size:1.3rem}.project-details p{font-size:1rem;max-width:90%;margin:0 auto 15px}.github-link{display:flex;justify-content:center;align-items:center;width:45px;height:45px;margin:0 auto;background-color:#fff;border-radius:50%;transition:background-color .3s ease}.github-link:hover{background-color:#007bff}.github-icon{width:22px;height:22px;object-fit:contain}.contact-section{background:#0d1117;color:#fff;padding:60px 20px;text-align:center;border-top:2px solid #111}.contact-section form{max-width:500px;margin:30px auto;display:flex;flex-direction:column;gap:15px}.contact-wrapper{width:100%;padding:0 16px;box-sizing:border-box}.contact-section input,.contact-section textarea{width:100%;padding:12px;background:#111;color:#fff;border:1px solid #444;border-radius:4px;font-size:1rem}.contact-section button{padding:12px 24px;background:#fff;color:#0d1117;border:none;border-radius:4px;cursor:pointer;font-weight:700;align-self:center}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:none;justify-content:center;align-items:center;z-index:1000}.modal img{max-width:90vw;max-height:90vh}.copyright-footer{background:#1e1e1e;color:#fff;padding:20px;text-align:center;font-size:.9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.landing-text{animation:fadeUp 1s ease-out .3s forwards;opacity:0}.landing-image{animation:fadeIn 1.2s ease-out .6s forwards;opacity:0}