body,html{margin:0!important;padding:0!important;width:100%}*,*:before,*:after{box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1;width:100%;display:flex;flex-direction:column;padding:0}header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#ffffff80;backdrop-filter:blur(5px);box-shadow:none;transition:transform .3s ease-in-out,background-color .3s ease,box-shadow .3s ease;transform:translateY(0)}header.nav-hidden{transform:translateY(-100%)}header.nav-solid{background-color:#fff;box-shadow:0 2px 8px #0000001a}.hero{height:100vh;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.hero-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:400px;height:400px;text-decoration:none;text-align:center;color:#333;cursor:pointer;background:transparent;z-index:10}.hero-card:hover .blob{background-color:#fff9}.text-content{position:relative;z-index:20;pointer-events:none}.title{text-align:center}.blob{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:40% 60% 70% 30%/40% 50% 60%;background-color:#ffffff59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px #00000080;transition:all .5s ease}.blob-1{animation:rotate-blob 4s linear infinite;z-index:1}.blob-2{animation:rotate-blob 6s linear infinite;z-index:2;background-color:#fff3;transform:rotate(45deg)}.blob-3{animation:rotate-blob 8s linear infinite;z-index:3;background-color:#fff3;transform:rotate(90deg)}.blob-4{animation:rotate-blob 12s linear infinite;z-index:4;background-color:#fff3;transform:rotate(60deg)}@keyframes rotate-blob{0%{transform:rotate(0);border-radius:40% 60% 70% 30%/40% 50% 60%}33%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}66%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}to{transform:rotate(360deg);border-radius:40% 60% 70% 30%/40% 50% 60%}}@keyframes rotate-blob-reverse{0%{transform:rotate(360deg);border-radius:40% 60% 70% 30%/40% 50% 60%}33%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}66%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}to{transform:rotate(0);border-radius:40% 60% 70% 30%/40% 50% 60%}}.scroll-hint{position:absolute;bottom:30px;color:#fff;font-size:.9rem;opacity:.8;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.dummy-content{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:4rem 2rem;text-align:center}.section-title{font-size:2.5rem;margin-bottom:1rem;color:#2c3e50;font-weight:700}.section-subtitle{font-size:1.1rem;color:#7f8c8d;margin-bottom:3rem}.content-wrapper{display:flex;gap:2rem;margin-bottom:3rem;min-width:600px;max-width:1200px;margin-left:auto;margin-right:auto;align-items:flex-start}.cards-section{flex:1;min-width:0}.cards-grid{display:flex;flex-direction:column;gap:1.5rem;min-width:600px;max-width:900px;flex:1}.update-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:row;align-items:stretch;width:100%;padding:0;height:300px;transition:all .3s ease}.update-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.card-link{display:flex;width:100%;align-items:stretch}.card-main-content{flex:1;display:flex;flex-direction:column;padding:1.5rem;justify-content:space-between;height:100%}.card-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem;gap:1rem}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;gap:1rem}.card-type{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-type-blog{background:#e3f2fd;color:#1976d2}.card-type-devlog{background:#f3e5f5;color:#7b1fa2}.card-type-story{background:#e8f5e8;color:#388e3c}.card-image{width:auto;aspect-ratio:5 / 7;height:100%;overflow:hidden;flex-shrink:0;border-radius:0 20px 20px 0}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.card-content{flex:1;display:flex;flex-direction:column}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#2c3e50;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{color:#7f8c8d;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#ecf0f1;color:#34495e;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.card-date{background:#ecf0f1;color:#34495e;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;white-space:nowrap}.card-footer{display:flex;justify-content:flex-end;align-items:center}.read-more{background:#3498db;color:#fff;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.875rem;transition:all .3s ease;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-block}.read-more:hover{color:#c3cfe2}.update-card:hover .read-more{background:#2980b9}.pinned-card{border:2px solid #f39c12;position:relative;background:linear-gradient(135deg,#fff9e6,#fff)}.pinned-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f39c12,#e67e22);border-radius:16px 16px 0 0}.pinned-badge{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-left:auto;box-shadow:0 2px 8px #f39c124d}.pinned-card .card-header{padding-top:1.75rem}.view-all-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.view-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 2rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}html{scroll-behavior:smooth}.hero-card{cursor:pointer}.hero-card:active{transform:scale(.98)}.sidebar{width:280px;background:#fff;border-radius:20px;padding:2rem 1.5rem;box-shadow:0 4px 20px #0000001a;text-align:center;position:sticky;top:100px;height:fit-content;z-index:50;flex-shrink:0}.sidebar-content{display:flex;flex-direction:column}.sidebar-avatar{width:120px;height:120px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:4px solid #f0f0f0;box-shadow:0 4px 12px #0000001a}.sidebar-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.sidebar-name{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0 0 .75rem}.sidebar-bio{font-size:.95rem;color:#7f8c8d;line-height:1.6;margin:0 0 1.5rem}.sidebar-links{display:flex;justify-content:center;gap:1rem}.sidebar-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f0f0;color:#7f8c8d;transition:all .3s ease;text-decoration:none}.sidebar-links a:hover{background:#3498db;color:#fff;transform:translateY(-3px)}.sidebar-links svg{width:20px;height:20px}@media(max-width:1000px){.sidebar{display:none}}