:root{--background: #0d1117;--foreground: #c9d1d9;--card: #161b22;--card-foreground: #c9d1d9;--primary: #00ff41;--primary-foreground: #000000;--secondary: #21262d;--secondary-foreground: #c9d1d9;--muted: #21262d;--muted-foreground: #b1bac4;--accent: #30363d;--accent-foreground: #c9d1d9;--destructive: #f85149;--destructive-foreground: #ffffff;--border: #30363d;--input-background: #21262d;--ring: #00ff41}.light{--background: #ffffff;--foreground: #1f2328;--card: #f6f8fa;--card-foreground: #1f2328;--primary: #2da44e;--primary-foreground: #ffffff;--secondary: #f6f8fa;--secondary-foreground: #1f2328;--muted: #f6f8fa;--muted-foreground: #57606a;--accent: #eaeef2;--accent-foreground: #1f2328;--destructive: #cf222e;--destructive-foreground: #ffffff;--border: #d1d9e0;--input-background: #f6f8fa;--ring: #2d5016}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;border-color:var(--border)}html{font-size:100%;height:100%;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-padding-block:10svh}body{background-color:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-size:clamp(.875rem,.8rem + .4vw,1rem);line-height:1.6;min-height:100svh;width:100%;max-width:100vw;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,canvas,svg{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:clamp(1.75rem,1.5rem + 2vw,3rem);font-weight:700;line-height:1.2;color:var(--foreground);margin-bottom:clamp(.75rem,.5rem + .5vw,1rem)}h2{font-size:clamp(1.5rem,1.25rem + 1.5vw,2.25rem);font-weight:700;line-height:1.3;color:var(--foreground);margin-bottom:clamp(.625rem,.5rem + .3vw,.875rem)}h3{font-size:clamp(1.125rem,1rem + .75vw,1.5rem);font-weight:600;line-height:1.4;color:var(--foreground);margin-bottom:clamp(.5rem,.4rem + .25vw,.625rem)}h4{font-size:clamp(1rem,.95rem + .5vw,1.25rem);font-weight:600;line-height:1.4;color:var(--foreground);margin-bottom:clamp(.5rem,.4rem + .2vw,.625rem)}h5{font-size:clamp(.9375rem,.9rem + .25vw,1.0625rem);font-weight:600;line-height:1.5;color:var(--foreground);margin-bottom:.5rem}p{font-size:clamp(.9375rem,.875rem + .3vw,1.0625rem);font-weight:400;line-height:1.7;color:var(--foreground);letter-spacing:.01em;margin-bottom:clamp(.75rem,.5rem + .5vw,1rem)}*:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-container{min-height:100vh;width:100%;max-width:100vw;background-color:var(--background);color:var(--foreground);overflow-x:hidden}.matrix-container{position:fixed;inset:0;width:100vw;height:100vh;max-width:100vw;z-index:1;pointer-events:none;overflow:hidden}.content-wrapper{position:relative;z-index:2;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}.content-margin-matrix{width:100%;max-width:100vw;overflow-x:hidden}.content-inner{padding-top:clamp(5rem,4.5rem + 1vw,6rem);padding-left:1rem;padding-right:1rem;max-width:100%}.content-max-width{max-width:80rem;margin:0 auto;width:100%}main{width:100%;max-width:100%;overflow-x:hidden}section{width:100%;max-width:100vw;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.section-container{background-color:var(--background);max-width:72rem;margin:0 auto;padding:0 1rem;width:100%;overflow-x:hidden}.section-spacing{margin-top:clamp(3rem,2rem + 2vw,5rem);margin-bottom:0}section#contact{margin-bottom:0;padding-bottom:2rem}section#skills{margin-bottom:0}.dropdown-mobile-width{min-width:clamp(11rem,10rem + 2vw,14rem)}.matrix-rain{position:absolute;top:0;bottom:0;height:100%;overflow:hidden;z-index:1;pointer-events:none;font-weight:400}.matrix-rain.left{left:0;width:clamp(80px,8vw,120px);max-width:clamp(80px,8vw,120px)}.matrix-rain.right{right:0;width:clamp(80px,8vw,120px);max-width:clamp(80px,8vw,120px)}.matrix-rain.background{left:0;right:0;width:100%;height:100%}.matrix-rain-wrapper-desktop{display:none;height:100%;width:100%;overflow:hidden}.matrix-rain-wrapper-mobile{display:block;height:100%;width:100%;overflow:hidden;opacity:.3;z-index:0}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;width:100vw;max-width:100vw;overflow-x:hidden}.navbar-default{background:linear-gradient(to bottom,var(--background) 0%,var(--background) 90%,transparent 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.navbar-scrolled{background-color:var(--background);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,255,65,.1);box-shadow:0 10px 15px -3px #00ff410d}.navbar-padding{padding-left:clamp(.75rem,.5rem + 1vw,3rem);padding-right:clamp(.75rem,.5rem + 1vw,3rem);max-width:100%;overflow-x:hidden}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:4rem;width:100%;max-width:100%;gap:.5rem}.navbar-logo{display:flex;align-items:center;gap:clamp(.375rem,.25rem + .3vw,.5rem);flex-shrink:1;min-width:0;max-width:50%}.navbar-logo svg{width:clamp(1.75rem,1.5rem + .5vw,2rem);height:clamp(1.75rem,1.5rem + .5vw,2rem);flex-shrink:0}.navbar-logo-text{font-size:clamp(1rem,.9rem + .5vw,1.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-links{display:none;align-items:center;gap:clamp(.5rem,.3rem + 1vw,1.5rem);flex:1;justify-content:center;max-width:64rem;margin:0 1rem}.navbar-actions{display:flex;align-items:center;gap:clamp(.5rem,.3rem + .3vw,.75rem);flex-shrink:0;padding-right:.5rem}.navbar-mobile-menu{display:block;position:relative;z-index:200;flex-shrink:0}.matrix-nav-item{position:relative;padding:.5rem clamp(.5rem,.3rem + .5vw,1rem);font-size:clamp(.875rem,.8rem + .15vw,1rem);font-weight:500;min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:none;border:none;cursor:pointer;overflow:hidden;color:var(--primary)}.matrix-nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,255,65,.1),transparent);transform:translate(-100%);z-index:0}.matrix-nav-item:hover:before{transform:translate(100%);transition:transform .3s ease}.matrix-nav-item:hover{text-shadow:0 0 8px var(--primary);color:var(--primary)}.matrix-nav-item.active{color:var(--primary);text-shadow:0 0 10px var(--primary),0 0 20px var(--primary);font-weight:600}.matrix-nav-item>span{position:relative;z-index:10}.nav-underline{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:2px;background-color:var(--primary);width:0;z-index:11;transition:width .3s ease,box-shadow .3s ease}.nav-underline.active,.matrix-nav-item:hover .nav-underline{width:80%;box-shadow:0 0 8px var(--primary)}.dropdown-menu{position:relative;display:inline-block;z-index:200}.dropdown-trigger{cursor:pointer;position:relative;z-index:200}.dropdown-content{position:fixed;min-width:clamp(11rem,10rem + 2vw,14rem);background-color:var(--card);border:1px solid var(--primary);border-radius:.5rem;padding:.5rem;box-shadow:0 10px 30px -5px #00ff414d,0 10px 15px -3px #0000004d;z-index:9999;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-height:calc(100vh - 5rem);overflow-y:auto;animation:dropdown-fade-in .2s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;padding:.625rem .75rem;min-height:44px;border-radius:.375rem;cursor:pointer;color:var(--foreground);font-size:clamp(.875rem,.8rem + .2vw,1rem);user-select:none;transition:all .2s ease}.dropdown-item:hover{background-color:var(--accent);color:var(--primary)}.dropdown-item.active{background-color:#00ff411a;color:var(--primary);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.375rem;font-weight:500;font-size:clamp(.875rem,.8rem + .2vw,1rem);cursor:pointer;border:1px solid transparent;letter-spacing:.01em;transition:all .2s ease}.btn:disabled{pointer-events:none;opacity:.5}.btn-default{background-color:var(--primary);color:var(--primary-foreground)}.btn-default:hover{opacity:.9}.btn-outline{border:1px solid var(--border);background-color:transparent;color:var(--foreground)}.btn-outline:hover{background-color:var(--accent);color:var(--accent-foreground)}.btn-sm{min-height:2.5rem;height:2.5rem;padding:.5rem 1rem;font-size:.875rem}.btn-md{min-height:3rem;height:3rem;padding:.75rem 1.25rem}.btn-icon{min-height:2.75rem;min-width:2.75rem;max-width:2.75rem;max-height:2.75rem;padding:0;flex-shrink:0}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:clamp(.75rem,.7rem + .15vw,.875rem);font-weight:500;white-space:nowrap;letter-spacing:.01em;transition:all .2s ease}.badge-outline{background-color:transparent;border:1px solid var(--border);color:var(--foreground)}.card{border-radius:.5rem;border:1px solid var(--border);background-color:var(--card);color:var(--card-foreground);box-shadow:0 1px 3px #0000001a;width:100%;max-width:100%;overflow:hidden;transition:all .3s ease}.card-hover{padding:1.5rem}.footer-container{margin-top:clamp(3rem,2rem + 2vw,4rem);background:linear-gradient(to bottom,transparent,rgba(0,255,65,.02));background-color:var(--background);padding:2rem 0;width:100%;overflow-x:hidden}.footer-separator{position:relative;width:100%;height:2px;margin-bottom:2rem}.footer-separator-line{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--primary) 20%,var(--primary) 80%,transparent 100%);opacity:.6;top:0}.footer-separator-glow{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,65,.5) 50%,transparent 100%);filter:blur(4px);top:-1px}.footer-content{width:100%;padding:0 1rem}.footer-inner{max-width:72rem;margin:0 auto;width:100%}.footer-brand-section{margin-bottom:2rem;text-align:center}.footer-center-all{text-align:center!important}.footer-logo-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;justify-content:center}.footer-logo-icon{width:2rem;height:2rem;color:var(--primary);flex-shrink:0}.footer-brand-title{font-family:Courier New,monospace;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-weight:700;color:var(--primary);margin:0}.footer-description{font-size:clamp(.875rem,.85rem + .15vw,1rem);color:var(--muted-foreground);line-height:1.6;max-width:48rem;margin:0 auto}.footer-bottom{margin-top:2rem}.footer-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border) 20%,var(--border) 80%,transparent 100%);margin-bottom:1.5rem}.footer-copyright-text{font-size:clamp(.8125rem,.8rem + .1vw,.875rem);color:var(--muted-foreground);margin:0}.about-profile-image-section{padding:1rem 0;overflow:hidden;width:100%}.about-profile-image{width:clamp(10rem,8rem + 5vw,15rem);height:clamp(10rem,8rem + 5vw,15rem);flex-shrink:0}.about-content-section{position:relative;z-index:5;background-color:var(--background);padding:2rem 1rem;border-radius:.5rem;overflow:hidden;width:100%}.projects-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;width:100%;touch-action:pan-y;user-select:none;justify-items:center}.tablet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;width:100%;touch-action:pan-y;user-select:none;justify-items:center}.skills-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;width:100%;margin-bottom:0}.skills-desktop-view{display:none}.skills-mobile-view{display:block}.skills-horizontal-scroll{display:flex;gap:1.25rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem 0 1rem;width:100%}.skills-horizontal-scroll::-webkit-scrollbar{display:none}.skill-category-card{min-width:280px;max-width:320px;width:85vw;padding:1.5rem;border-radius:.75rem;transition:transform .2s ease,box-shadow .2s ease}.category-skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;row-gap:.25rem;width:100%;justify-items:center}.skill-item{position:relative}.work-grid,.certifications-grid,.education-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;width:100%;touch-action:pan-y;user-select:none}.books-grid-single-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:hidden!important;box-sizing:border-box!important}.book-card-item{flex-shrink:0!important;box-sizing:border-box!important}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;z-index:999;backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.modal-overlay-closing{animation:fadeOut .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--card);border:2px solid var(--primary);border-radius:.75rem;box-shadow:0 0 50px #00ff414d;z-index:1000;width:calc(100% - 2rem);max-width:900px;max-height:80vh;display:flex;flex-direction:column;animation:modalOpen .3s cubic-bezier(.16,1,.3,1)}.modal-container-closing{animation:modalClose .3s cubic-bezier(.7,0,.84,0)}@keyframes modalOpen{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modalClose{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.7)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(1rem,2vw,1.5rem);border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{font-family:Courier New,monospace;font-weight:700;color:var(--primary);font-size:clamp(1.25rem,2vw,1.75rem);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close-btn{background:none;border:2px solid var(--border);border-radius:.375rem;padding:.5rem;cursor:pointer;color:var(--foreground);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex-shrink:0;z-index:1}.modal-close-btn:hover{border-color:var(--primary);background-color:#00ff411a;color:var(--primary)}.modal-close-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.modal-body{overflow-y:auto;padding:clamp(1rem,2vw,2rem);flex:1;scrollbar-width:thin;scrollbar-color:var(--primary) var(--background)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--background)}.modal-body::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--primary);opacity:.8}.modal-subtitle{color:var(--muted-foreground);font-size:clamp(.9375rem,1vw,1.0625rem);text-align:center;margin-bottom:clamp(1.5rem,3vw,2.5rem);line-height:1.6}.books-timeline{position:relative}.timeline-year-section{margin-bottom:clamp(2rem,4vw,3.5rem);position:relative}.timeline-year-section:last-child{margin-bottom:0}.year-marker-modal{display:flex;align-items:center;justify-content:center;margin-bottom:clamp(1rem,2vw,1.5rem);position:relative;flex-direction:column}.timeline-line-top{position:absolute;top:-3.5rem;width:3px;height:3.5rem;background:linear-gradient(to bottom,transparent,var(--primary));box-shadow:0 0 10px #00ff4180}.timeline-line-bottom{position:absolute;bottom:-3.5rem;width:3px;height:3.5rem;background:linear-gradient(to top,transparent,var(--primary));box-shadow:0 0 10px #00ff4180}.year-circle-modal{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(3rem,5vw,4rem);height:clamp(3rem,5vw,4rem);padding:0 1rem;background-color:var(--primary);color:var(--primary-foreground);border-radius:50%;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700;font-family:Courier New,monospace;box-shadow:0 0 20px #00ff4166;position:relative;z-index:1}.books-grid-modal{display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.25rem);justify-content:center}.book-card-modal{background-color:var(--card);border:1px solid rgba(0,255,65,.2);border-radius:.375rem;overflow:hidden;box-shadow:0 2px 8px #0000001a,0 0 15px #00ff411a;transition:all .3s ease;width:100%;max-width:180px;flex:0 0 auto;display:flex;flex-direction:column;padding:0;margin:0}.book-card-modal:hover{border-color:#00ff4199;box-shadow:0 4px 12px #00000026,0 0 25px #00ff4133;transform:translateY(-2px)}.book-image-modal{width:100%;aspect-ratio:2/3;overflow:hidden;background:transparent;display:block;padding:0;margin:0;flex-shrink:0;line-height:0}.book-image-modal img{width:100%;height:100%;object-fit:fill;display:block;transition:transform .3s ease}.book-card-modal:hover .book-image-modal img{transform:scale(1.01)}.book-info-modal{padding:.5rem .5rem .75rem;text-align:center;margin:0}.book-title-modal{font-weight:600;color:var(--foreground);margin-bottom:.375rem;font-size:clamp(.75rem,1vw,.875rem);line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-author-modal{color:var(--muted-foreground);font-size:clamp(.6875rem,.9vw,.8125rem);line-height:1.3}.mobile-carousel{display:flex;flex-direction:column;gap:1.5rem;width:100%;overflow-x:hidden;touch-action:pan-y;user-select:none;cursor:grab}.mobile-carousel:active{cursor:grabbing}.mobile-carousel>*{width:100%;flex-shrink:0;transition:opacity .2s ease-in-out}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding:0 1rem;width:100%}.pagination-info{font-size:clamp(.875rem,.8rem + .2vw,1rem);color:var(--muted-foreground);white-space:nowrap}.flex{display:flex}.flex-1{flex:1 1 0}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}.bg-primary{background-color:var(--primary)}.text-center{text-align:center}.contact-card-content{display:flex;align-items:start;justify-content:space-between;gap:1rem}.contact-copy-btn{flex-shrink:0}@media(max-width:420px){.contact-card-content{flex-direction:column;align-items:stretch}.contact-copy-btn{width:100%;margin-top:.5rem}.contact-email-link{word-break:break-word;overflow-wrap:break-word}}@media(max-width:639px){@keyframes modalOpen{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes modalClose{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}}@media(max-width:639px){.modal-container{width:calc(100% - 1rem);max-height:calc(100vh - 5rem);height:auto;border-radius:.5rem;top:4.5rem;left:50%;transform:translate(-50%)}.modal-header,.modal-body{padding:1rem}.modal-title{font-size:1.25rem}.year-circle-modal{min-width:3rem;height:3rem;font-size:1rem}.book-image-modal{height:140px}.timeline-line-top,.timeline-line-bottom{height:2.5rem}.timeline-line-top{top:-2.5rem}.timeline-line-bottom{bottom:-2.5rem}.book-card-modal{width:calc(50% - .375rem);min-width:120px;max-width:150px}.books-grid-single-row{gap:.75rem!important;padding:0 .25rem!important}.book-card-item{width:calc(50% - .5rem)!important;max-width:170px!important;min-width:120px!important}.book-card-3,.book-card-4,.book-card-5{display:none!important}}@media(min-width:640px){.section-container{padding:0 1.5rem}.skill-category-card{min-width:320px;max-width:380px;width:70vw}.category-skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;row-gap:.375rem}}@media(min-width:640px)and (max-width:767px){.books-grid-single-row{gap:.875rem!important;padding:0 .5rem!important}.book-card-item{width:calc(33.333% - .625rem)!important;max-width:180px!important;min-width:130px!important}.book-card-4,.book-card-5{display:none!important}}@media(min-width:640px)and (max-width:1023px){.modal-container{width:calc(100% - 2rem);max-width:700px}.book-image-modal{height:160px}.book-card-modal{width:calc(33.333% - .875rem);min-width:140px;max-width:170px}}@media(max-width:767px){.badge{white-space:normal;word-break:break-word;text-align:left;line-height:1.4}}@media(min-width:768px){.content-margin-matrix{margin-left:clamp(80px,8vw,120px);margin-right:clamp(80px,8vw,120px);width:auto;max-width:calc(100vw - (2*clamp(80px,8vw,120px)))}.matrix-rain-wrapper-desktop{display:block}.matrix-rain-wrapper-mobile{display:none}.navbar-actions{padding-right:0}.projects-grid,.skills-grid,.work-grid,.certifications-grid,.education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-category-card{min-width:360px;max-width:420px;width:60vw}.category-skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;row-gap:.375rem}}@media(min-width:768px)and (max-width:1023px){.books-grid-single-row{gap:1rem!important;padding:0 .5rem!important}.book-card-item{width:calc(25% - .75rem)!important;max-width:180px!important;min-width:135px!important}.book-card-5{display:none!important}}@media(min-width:1024px){.section-container{padding:0 2rem}.book-card-modal{width:calc(20% - 1rem);min-width:150px;max-width:180px}.books-grid-single-row{gap:1.25rem!important;padding:0 1rem!important}.book-card-item{width:calc(20% - 1rem)!important;max-width:180px!important;min-width:140px!important}.book-card-1,.book-card-2,.book-card-3,.book-card-4,.book-card-5{display:flex!important}.card-hover:hover{border-color:#00ff4199;box-shadow:0 0 25px #00ff4133,0 2px 4px -1px #0000001a}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:75rem;margin:0 auto;justify-content:center}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-desktop-view{display:grid}.skills-mobile-view{display:none}.category-skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;row-gap:.5rem}}@media(min-width:1280px){.books-grid-single-row{max-width:1100px;margin-left:auto;margin-right:auto;gap:1.5rem!important}.book-card-item{width:calc(20% - 1.2rem)!important}.navbar-links{display:flex}.navbar-mobile-menu{display:none}.category-skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;row-gap:.5rem}}@media(hover:none)and (pointer:coarse){.skill-item:hover{transform:none!important;background-color:transparent!important}}