@font-face{font-family:Reforma1918;src:url(/naowalrahman.github.io/assets/Reforma1918-Blanca-1814c042.woff2) format("woff2"),url(/naowalrahman.github.io/assets/Reforma1918-Blanca-b4803111.woff) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-Blanca-07ce198e.eot) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-Blanca-c3c4beb3.ttf) format("truetype");font-style:normal;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:Reforma1918;src:url(/naowalrahman.github.io/assets/Reforma1918-BlancaItalica-eab96a1c.woff2) format("woff2"),url(/naowalrahman.github.io/assets/Reforma1918-BlancaItalica-3093f3df.woff) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-BlancaItalica-9022699b.eot) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-BlancaItalica-50d8655b.ttf) format("truetype");font-style:italic;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:Reforma1918;src:url(/naowalrahman.github.io/assets/Reforma1918-Gris-18222185.woff2) format("woff2"),url(/naowalrahman.github.io/assets/Reforma1918-Gris-2d028f55.woff) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-Gris-ec3c3d3b.eot) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-Gris-e275a8a5.ttf) format("truetype");font-style:normal;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:Reforma1918;src:url(/naowalrahman.github.io/assets/Reforma1918-GrisItalica-da2d68d1.woff2) format("woff2"),url(/naowalrahman.github.io/assets/Reforma1918-GrisItalica-9341d0a2.woff) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-GrisItalica-411e497f.eot) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-GrisItalica-294f079c.ttf) format("truetype");font-style:italic;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:Reforma1918;src:url(/naowalrahman.github.io/assets/Reforma1918-Negra-a3892ab9.woff2) format("woff2"),url(/naowalrahman.github.io/assets/Reforma1918-Negra-388bfd8e.woff) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-Negra-58436330.eot) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-Negra-f706daf8.ttf) format("truetype");font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:Reforma1918;src:url(/naowalrahman.github.io/assets/Reforma1918-NegraItalica-d299cda7.woff2) format("woff2"),url(/naowalrahman.github.io/assets/Reforma1918-NegraItalica-dfc59715.woff) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-NegraItalica-5b8b2966.eot) format("woff"),url(/naowalrahman.github.io/assets/Reforma1918-NegraItalica-10ad55f4.ttf) format("truetype");font-style:italic;font-weight:700;text-rendering:optimizeLegibility}.navbar{font-family:Reforma1918;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background);position:sticky;top:0;z-index:100;max-width:1600px;margin:0 auto;width:100%}.logo{font-size:1.5rem;font-weight:700;color:var(--accent)}.desktop-links{display:flex;align-items:center;gap:2rem}.desktop-links a{font-weight:500;transition:color .2s}.desktop-links a:hover{color:var(--accent)}.theme-toggle{background:none;border:none;color:var(--text);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.theme-toggle:hover{background:var(--foreground)}.mobile-menu{display:none}@media (max-width: 768px){.desktop-links{display:none}.mobile-menu{display:block;position:relative}.menu-toggle{background:none;border:none;color:var(--text);cursor:pointer;padding:.5rem;border-radius:4px}.dropdown{display:flex;flex-direction:column;position:absolute;top:100%;right:0;background:var(--background);border:1px solid var(--border);padding:1rem;gap:1rem;z-index:100;min-width:120px;text-align:center}.dropdown a{font-weight:500;transition:color .2s}.dropdown a:hover{color:var(--accent)}}.home{font-family:Reforma1918;font-weight:300;font-style:normal;display:flex;flex-direction:column}.intro-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:var(--primary);border-radius:50%;z-index:0}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.5em;margin-bottom:.5rem}.header h2{font-size:1.2em;color:var(--accent)}.content-section{max-width:800px;margin:0 auto}.tabs-container{margin:2rem 0}.tabs{display:flex;justify-content:space-around;margin-bottom:1rem}.tab{width:30%;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;padding:1rem;margin:.5rem;border-radius:8px;transition:background .3s,transform .3s}.tab:hover{background:var(--background);transform:scale(1.05)}.tab.active{background:var(--accent);color:var(--text)}.tab-icon{font-size:2rem;margin-bottom:.5rem}.tab-content{text-align:left}.tab-content .card-body{display:flex;flex-direction:column;gap:1rem;opacity:1;transition:opacity .2s ease-in-out}.tab-content .card-body .list-item{display:flex;align-items:center;padding:.5rem 1rem;background:var(--background);border:1px solid var(--border);border-radius:8px;transition:background .3s,transform .3s,opacity .2s ease-in-out;opacity:1}.tab-content .card-body .list-item.hidden,.tab-content .card-body .list-item.fade{opacity:0}.tab-content .card-body .list-item:hover{background:var(--accent);transform:scale(1.05);color:var(--text);transition:background .3s,transform .3s}.tab-content .card-body .list-item-icon{font-size:1.5rem;margin-right:1rem}.list-group-item{background:var(--background);border-color:var(--border);color:var(--text)}.list-group-item.active{background:var(--accent);border-color:var (--accent)}.card{background:var(--background);border-color:var(--border)}.text-link{color:var(--accent);text-decoration:none;position:relative;display:inline-block;transition:color .3s}.text-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:var(--accent);transform-origin:bottom right;transition:transform .3s ease-out}.text-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.text-link:hover{color:var(--primary)}.content{text-align:center;max-width:800px}.facts{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.social-icons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.social-icons a{color:var(--accent);font-size:1.5rem;transition:color .3s}.social-icons a:hover{color:var(--primary)}#links-section{padding-bottom:1rem}.book-cards{display:flex;flex-direction:column;gap:1rem}.book-card{background:var(--background);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:transform .3s,box-shadow .3s}.book-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.book-title{font-weight:600;margin-bottom:.5rem;color:var(--accent)}.book-desc{font-size:.95rem;line-height:1.5}.title{text-align:center;font-size:2.5rem}.projects{max-width:1400px;font-family:Reforma1918;padding:2rem;margin:0 auto}.projects-grid{max-width:1400px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem;margin-bottom:2rem}.project-card{background:var(--foreground);padding:2rem;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000001a}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(115deg,transparent,rgba(var(--accent-rgb),.2),transparent);transition:.5s}.project-card:hover:before{left:100%}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.project-languages{font-size:.9rem;font-weight:500;color:var(--accent);padding-bottom:.8rem;margin-bottom:.8rem;border-bottom:1px solid var(--border)}.project-card h3{font-size:1.3rem;margin-bottom:.8rem;color:var(--text)}.project-card p{color:var(--text-secondary);line-height:1.5;font-size:.95rem}@media (max-width: 1200px){.projects-grid{grid-template-columns:1fr}}@media (max-width: 900px){.projects-grid{grid-template-columns:1fr}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.app{min-height:100vh;display:flex;flex-direction:column}.app>*{padding:0 2rem}@media (max-width: 768px){.app>*{padding:0 1rem}}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s,color .1s}body{background:var(--background);color:var(--text)}a{text-decoration:none;color:inherit}:root{--accent-rgb: 137, 194, 243}