@font-face{font-family:MyTupi;src:url(/assets/MyTupi-Dq1lffKX.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nicholas;src:url(/assets/nicholas-bbGmKAcT.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--secondary-color: #1e40af;--text-primary: #1f2937;--text-secondary: #6b7280;--background: #ffffff;--background-alt: #f9fafb;--border-color: #e5e7eb;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--transition: all .3s ease;--font-heading: "MyTupi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Nicholas", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.6;letter-spacing:.02em;color:var(--text-primary);background-color:var(--background);margin:0;padding:0;overflow-x:hidden;overflow-y:auto;min-height:100vh;width:100vw;animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.menu-toggle{position:fixed;top:3rem;right:3rem;width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:6px;z-index:1001;padding:0;transition:transform .3s ease}.menu-toggle:hover{transform:scale(1.1)}.menu-line{display:block;width:100%;height:2px;background:#000;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.slide-menu{position:fixed;top:6rem;right:3rem;z-index:999;pointer-events:none}.slide-menu.active{pointer-events:auto}.menu-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;opacity:0;transform:translate(50px);transition:all .2s ease}.slide-menu.active .menu-items{opacity:1;transform:translate(0)}.menu-items li{opacity:0;transform:translate(30px);transition:all .2s ease}.slide-menu.active .menu-items li:nth-child(1){opacity:1;transform:translate(0);transition-delay:.05s}.slide-menu.active .menu-items li:nth-child(2){opacity:1;transform:translate(0);transition-delay:.08s}.slide-menu.active .menu-items li:nth-child(3){opacity:1;transform:translate(0);transition-delay:.11s}.slide-menu.active .menu-items li:nth-child(4){opacity:1;transform:translate(0);transition-delay:.14s}.menu-link{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:#000;text-decoration:none;text-transform:uppercase;letter-spacing:-.08em;display:block;line-height:1;transition:all .3s ease}.menu-link:hover{transform:translate(-10px)}.section{padding:5rem 0}.section:nth-child(2n){background-color:var(--background-alt)}h1{font-family:var(--font-heading);font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem;text-transform:uppercase;letter-spacing:-.05em}h2{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;text-transform:uppercase;letter-spacing:-.05em}h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:-.05em}.hero{min-height:80vh;display:flex;align-items:center;text-align:center}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1.5rem}.hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn{display:inline-block;padding:.75rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:var(--transition);cursor:pointer}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.homepage{min-height:100vh;width:100%;background-color:#fff;overflow-x:hidden}.hero-title-section{width:100%;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem}.main-title{font-family:var(--font-heading);font-size:clamp(3rem,8vw,6rem);font-weight:700;text-transform:uppercase;letter-spacing:-.08em;color:#000;line-height:1;text-align:center;margin:0}.infinite-scroll-section{width:100%;padding:2rem 0 8rem;background-color:#fff;overflow-x:hidden;overflow-y:visible}.scroll-container{width:100%;overflow:visible;position:relative}.scroll-track{display:flex;gap:2rem;padding-left:2rem;padding-top:2rem;padding-bottom:2rem;animation:infiniteScroll 10s linear infinite;will-change:transform}@keyframes infiniteScroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--scroll-width, 2000px)))}}.blog-cover{flex-shrink:0;width:280px;height:420px;border-radius:0;box-shadow:0 4px 12px #00000026;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden}.blog-cover.has-image{background-color:#f5f5f5;padding:0}.blog-cover.text-cover{background-color:var(--book-color, #FFF4D7);padding:2rem}.blog-cover-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.blog-cover:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00000040}.blog-cover-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:-.05em;color:#000;text-align:center;line-height:1.2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.shelf-section{height:100vh;width:100vw;position:fixed;top:0;left:0;background-image:url(/assets/bookshelf1-2AVcUL06.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.shelf-container{width:100%;height:100%;position:relative}.shelf-row{position:absolute;width:100%;left:0}.shelf-row:nth-child(1){top:26.5%}.shelf-row:nth-child(2){top:43.5%}.shelf-row:nth-child(3){top:60.5%}.books-row{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;padding:0 2rem;position:relative;z-index:2}.book-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.book-shadow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:90%;height:12px;background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0%,rgba(0,0,0,.15) 40%,transparent 70%);filter:blur(3px);z-index:1}.book-cover{width:var(--book-width, 180px);height:var(--book-height, 260px);background-color:var(--book-color, #ffffff);position:relative;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:1rem;box-shadow:2px 0 6px #0000001a,0 4px 12px #00000026,0 8px 16px #0000001a,inset 0 0 0 1px #00000008;border-radius:2px;transform-style:preserve-3d}.book-cover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 40%,rgba(0,0,0,.03) 100%);pointer-events:none;border-radius:2px;z-index:1}.book-cover:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--spine-width, 10px);background:linear-gradient(to right,color-mix(in srgb,var(--book-color) 50%,black),color-mix(in srgb,var(--book-color) 70%,black) 40%,color-mix(in srgb,var(--book-color) 85%,black));box-shadow:inset -1px 0 2px #0000004d,inset 1px 0 1px #ffffff1a,-2px 0 4px #0003;border-radius:2px 0 0 2px;transform:translate(-100%);pointer-events:none}.cover-title{font-family:var(--font-heading);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:-.03em;text-align:center;color:inherit;z-index:1;line-height:1.2;filter:brightness(.2) contrast(2)}.cover-title-white{font-family:var(--font-heading);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:-.03em;text-align:center;color:#fff;z-index:1;line-height:1.2;filter:none}.book-cover:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 20px 40px #00000040,0 8px 16px #00000026,inset 0 0 0 1px #0000000d;z-index:10}.book-cover-image{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:2px;position:absolute;top:0;left:0;z-index:1}.book-with-image{padding:0;overflow:visible}.book-with-image:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--spine-width, 10px);background:linear-gradient(to right,color-mix(in srgb,var(--book-color) 50%,black),color-mix(in srgb,var(--book-color) 70%,black) 40%,color-mix(in srgb,var(--book-color) 85%,black));box-shadow:inset -1px 0 2px #0000004d,inset 1px 0 1px #ffffff1a,-2px 0 4px #0003;border-radius:2px 0 0 2px;transform:translate(-100%);pointer-events:none;z-index:2}.about-content{max-width:800px;margin:0 auto}.about-content p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem}.skills{margin-top:3rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.tag{display:inline-block;padding:.5rem 1rem;background-color:var(--background);border:1px solid var(--border-color);border-radius:2rem;font-size:.875rem;font-weight:500;color:var(--text-primary);transition:var(--transition)}.tag:hover{border-color:var(--primary-color);color:var(--primary-color)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.portfolio-item{background-color:var(--background);border-radius:.5rem;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.portfolio-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.portfolio-image{width:100%;height:200px;background-color:var(--background-alt);display:flex;align-items:center;justify-content:center}.placeholder-image{font-size:1.5rem;font-weight:600;color:var(--text-secondary)}.portfolio-content{padding:1.5rem}.portfolio-content h3{margin-bottom:.75rem}.portfolio-content p{color:var(--text-secondary);margin-bottom:1rem}.project-tags{display:flex;gap:.5rem;margin-bottom:1rem}.project-link{display:inline-block;color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition)}.project-link:hover{color:var(--secondary-color)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.blog-post{background-color:var(--background);padding:2rem;border-radius:.5rem;box-shadow:var(--shadow);transition:var(--transition)}.blog-post:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.post-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.875rem}.post-date,.post-category{color:var(--text-secondary)}.post-category{color:var(--primary-color);font-weight:600}.blog-post h3{margin-bottom:1rem}.blog-post p{color:var(--text-secondary);margin-bottom:1.5rem}.read-more{color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition)}.read-more:hover{color:var(--secondary-color)}.contact-content{max-width:600px;margin:0 auto;text-align:center}.contact-content p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background-color:var(--background);border:1px solid var(--border-color);border-radius:.5rem;text-decoration:none;transition:var(--transition)}.contact-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}.contact-label{font-weight:600;color:var(--text-primary)}.contact-value{color:var(--primary-color)}.footer{background-color:var(--text-primary);color:#fff;padding:2rem 0;text-align:center;margin-top:5rem}@media (max-width: 768px){.nav-links{gap:1rem;font-size:.875rem}h1{font-size:2rem}h2{font-size:1.75rem}.hero-subtitle{font-size:1.25rem}.cta-buttons{flex-direction:column}.portfolio-grid,.blog-grid{grid-template-columns:1fr}.container{padding:0 1rem}.section{padding:3rem 0}.main-title{font-size:clamp(2.5rem,10vw,6rem)}.blog-cover{width:220px;height:330px}.blog-cover-title{font-size:1.3rem}.shelf-container{height:700px}.shelf-row:nth-child(1){top:60px}.shelf-row:nth-child(2){top:225px}.shelf-row:nth-child(3){top:390px}.shelf-row:nth-child(4){top:555px}.books-row{gap:1rem;padding:0 1rem}.book-cover{width:calc(var(--book-width) * .75)!important;height:calc(var(--book-height) * .8)!important}.cover-title{font-size:.85rem}}@media (max-width: 480px){body{overflow:auto;height:auto}.nav-links{flex-wrap:wrap;gap:.5rem}.nav-link{font-size:.75rem}.shelf-section{background-image:none;background-color:#fff;padding-top:12rem;height:auto;overflow:visible}.shelf-container{height:auto;padding-bottom:2rem}.shelf-container:before{content:"UMIR IRFANº";display:block;font-family:MyTupi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:3rem;font-weight:700;text-transform:uppercase;letter-spacing:-.08em;color:#000;text-align:center;margin-bottom:4rem;line-height:1}.shelf-row{position:relative;margin-bottom:2rem}.shelf-row:nth-child(1){top:auto}.shelf-row:nth-child(2){top:auto}.shelf-row:nth-child(3){top:auto}.books-row{gap:1rem;padding:0 .5rem;flex-wrap:wrap;justify-content:center}.book-cover{width:calc(var(--book-width) * .48)!important;height:calc(var(--book-height) * .58)!important;margin-bottom:.5rem}.cover-title,.cover-title-white{font-size:.38rem;padding:.4rem}.book-shadow{height:5px}.menu-toggle{width:32px;height:32px;gap:5px;top:1.5rem;right:1.5rem}.menu-line{background:#000;height:2px}.menu-link{color:#000;font-size:1rem}}