*{margin:0;padding:0;box-sizing:border-box}.image{display:flex;justify-content:flex-start;align-items:center;flex-shrink:0}.image img{width:120px;height:120px;border-radius:100%;object-fit:cover;object-position:center}.page-layout{display:grid;grid-template-columns:40% 35% 25%;gap:40px;max-width:95%;margin:0 auto;padding:40px 20px;min-height:100vh;align-items:flex-start;justify-content:center}.center-column{display:flex;flex-direction:column;gap:40px;height:100%}body{background-color:#0d1117;margin:0;padding:0;font-family:Lato,sans-serif;color:#c9d1d9}.card-container{display:flex;flex-direction:column;width:100%;height:100%;background:#161b2299;border:1px solid rgba(48,54,61,.5);border-radius:8px;backdrop-filter:blur(10px);box-shadow:0 4px 16px #0003;padding:40px}.card-header{display:flex;gap:24px;margin-bottom:30px;align-items:center}.title-section{flex:1}.title-section h1{font-family:Lato,sans-serif;font-weight:500;font-size:32px;color:#f0f6fc;letter-spacing:-.5px;margin:0}.title-section h2{font-family:Lato,sans-serif;line-height:1.5;font-weight:400;font-size:18px;color:#8b949e;margin:8px 0 0}.card-content{display:flex;flex-direction:column;flex:1}.about-content{flex:1}.about-content p{font-family:Lato,sans-serif;font-weight:300;font-size:17px;line-height:1.8;text-align:left;color:#8b949e;margin-bottom:20px}.about-content p:last-child{margin-bottom:0}.icons{margin-top:30px;display:flex;justify-content:flex-start;gap:30px;align-items:center}.icons a{display:inline-block;color:#8b949e;font-size:24px;transition:all .2s ease}.icons a .bi-twitter-x{font-size:20px}a:hover{color:#58a6ff;transform:translateY(-2px)}.tooltip-text{position:absolute;top:-30px;left:-115%;z-index:2;width:100px;color:#c9d1d9;font-size:11px;font-family:Lato,sans-serif;font-weight:400;background-color:#161b22;border:1px solid #30363d;border-radius:6px;padding:6px 10px}#fade{opacity:0;transition:opacity .3s}.hover-text:hover #fade{opacity:1}.hover-text{position:relative;display:inline-block;margin:10px;font-family:Lato,sans-serif;font-weight:200;text-align:center}@media (max-width: 1200px){.page-layout{grid-template-columns:1fr;gap:30px}.center-column{gap:30px}.card-container{min-height:auto}}@media (max-width: 768px){.card-container{max-width:100%}}@media (max-width: 576px){.page-layout{padding:20px 10px}.card-container,.blog-section,.books-section{padding:20px;width:100%;min-height:auto}.card-content{justify-content:flex-start}.card-header{margin-bottom:20px;gap:16px}.image img{width:80px;height:80px}.title-section h1{font-weight:400;font-size:24px}.title-section h2{line-height:1.5;font-weight:400;font-size:16px}.about-content p{font-weight:300;font-size:14px;line-height:1.6}.icons{margin-top:24px;gap:20px;justify-content:center;flex-wrap:wrap}}@media (max-width: 400px){.page-layout{padding:15px 8px}.card-container,.blog-section,.books-section{padding:16px}.card-header{gap:12px;margin-bottom:16px}.image img{width:70px;height:70px}.title-section h1{font-size:22px}.title-section h2{font-size:15px}.about-content p{font-size:13px;line-height:1.6;margin-bottom:12px}.icons{gap:16px}.icons a{font-size:22px}}@media (max-width: 320px){.card-container,.blog-section,.books-section{padding:12px}.card-header{flex-direction:column;align-items:center;text-align:center;gap:12px}.image img{width:60px;height:60px}.title-section h1{font-size:20px}.title-section h2{font-size:14px}.about-content p{font-size:12px}.icons a{font-size:20px}.icons{gap:12px}}.blog-section{width:100%;background:#161b2299;border:1px solid rgba(48,54,61,.5);border-radius:8px;backdrop-filter:blur(10px);box-shadow:0 4px 16px #0003;padding:40px;color:#c9d1d9;font-family:Lato,sans-serif}.blog-heading{font-family:Lato,sans-serif;font-weight:400;font-size:20px;margin-bottom:16px;text-align:left;color:#8b949e;letter-spacing:-.2px}.blog-list{display:flex;flex-direction:column;gap:10px}.blog-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#161b224d;border:1px solid rgba(48,54,61,.3);border-radius:6px;text-decoration:none;color:#c9d1d9;transition:all .2s ease;cursor:pointer;backdrop-filter:blur(5px)}.blog-item:hover{border-color:#58a6ff80;background:#161b2280;transform:translate(2px)}.blog-content{flex:1}.blog-title{font-family:Lato,sans-serif;font-weight:400;font-size:15px;margin:0 0 2px;line-height:1.4;color:#c9d1d9}.blog-subtitle{font-family:Lato,sans-serif;font-weight:300;font-size:13px;margin:0;color:#6e7681;line-height:1.5}.blog-arrow{font-size:16px;margin-left:12px;color:#6e7681;opacity:.4;transition:all .2s ease}.blog-item:hover .blog-arrow{opacity:.8;color:#58a6ff;transform:translate(2px)}.show-all-container{margin-top:16px;display:flex;justify-content:center}.show-all-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#58a6ff1a;border:1px solid rgba(88,166,255,.3);border-radius:6px;color:#58a6ff;text-decoration:none;font-family:Lato,sans-serif;font-weight:400;font-size:14px;transition:all .2s ease}.show-all-btn:hover{background:#58a6ff33;border-color:#58a6ff80;transform:translateY(-1px)}.show-all-btn i{font-size:12px;transition:transform .2s ease}.show-all-btn:hover i{transform:translate(3px)}.books-section{width:100%;background:#161b2299;border:1px solid rgba(48,54,61,.5);border-radius:8px;backdrop-filter:blur(10px);box-shadow:0 4px 16px #0003;padding:40px;color:#c9d1d9;font-family:Lato,sans-serif}.books-heading{font-family:Lato,sans-serif;font-weight:400;font-size:20px;margin-bottom:16px;text-align:left;color:#8b949e;letter-spacing:-.2px}.books-list{display:flex;flex-direction:column;gap:10px}.book-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#161b224d;border:1px solid rgba(48,54,61,.3);border-radius:6px;text-decoration:none;color:#c9d1d9;transition:all .2s ease;cursor:pointer;backdrop-filter:blur(5px)}.book-item:hover{border-color:#58a6ff80;background:#161b2280;transform:translate(2px)}.book-content{flex:1}.book-title{font-family:Lato,sans-serif;font-weight:400;font-size:15px;margin:0 0 2px;line-height:1.4;color:#c9d1d9}.book-author{font-family:Lato,sans-serif;font-weight:300;font-size:13px;margin:0;color:#6e7681;line-height:1.5}.book-icon{font-size:16px;margin-left:12px;color:#6e7681;opacity:.4;transition:all .2s ease}.book-item:hover .book-icon{opacity:.8;color:#58a6ff}@media (max-width: 576px){.blog-heading,.books-heading{font-size:18px;margin-bottom:12px}.blog-item,.book-item{padding:14px 16px}.blog-title,.book-title{font-size:14px}.blog-subtitle,.book-author{font-size:12px}.blog-arrow,.book-icon{font-size:14px;margin-left:10px}}