@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../assets/fonts/NeueHaasGroteskDisplayPro-Regular.woff2) format("woff2"),url(../assets/fonts/NeueHaasGroteskDisplayPro-Regular.woff) format("woff"),url(../assets/fonts/NeueHaasGroteskDisplayPro-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(../assets/fonts/NeueHaasGroteskDisplayPro-Bold.woff2) format("woff2"),url(../assets/fonts/NeueHaasGroteskDisplayPro-Bold.woff) format("woff"),url(../assets/fonts/NeueHaasGroteskDisplayPro-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--font-neue-haas: "Neue Haas Grotesk Display Pro", "Helvetica Neue", Helvetica, Arial, sans-serif}body{font-family:var(--font-neue-haas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.headerTitles,.headerTitleSm,.headerSliderText{font-family:var(--font-neue-haas)}.top{width:100%;background-color:#fff;position:sticky;top:0;z-index:10;font-family:Poppins,sans-serif}.topInner{max-width:1120px;margin:0 auto;padding:0 2rem;min-height:76px;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:1.5rem;color:#769dc4}.topLogoWrapper{display:flex;align-items:center;gap:.75rem;justify-self:start}.topLogo{display:flex;align-items:center;text-decoration:none;transition:transform .2s ease,opacity .2s ease;line-height:0}.topLogo:hover{transform:scale(1.05);opacity:.9}.topLogoImage{height:60px;width:60px;min-height:60px;min-width:60px;object-fit:contain;display:block;flex-shrink:0}.topLeft{display:inline-flex;align-items:center;gap:.5rem;justify-self:start}.topRight{display:inline-flex;align-items:center;gap:.5rem;justify-self:end}.topCenter{justify-self:center;grid-column:3}.hamburgerButton{display:none;flex-direction:column;justify-content:space-around;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:0;z-index:20;position:relative}.hamburgerLine{width:28px;height:3px;background-color:#0f172a;border-radius:3px;transition:all .3s ease;transform-origin:center}.hamburgerLine.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburgerLine.open:nth-child(2){opacity:0}.hamburgerLine.open:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.topRight{justify-self:end;gap:.75rem}.topAvatarWrapper{position:relative;display:flex;align-items:center;justify-content:center}.topAvatarButton{border:none;padding:0;background:transparent;cursor:pointer;display:inline-flex;transition:transform .2s ease}.topAvatarButton:focus-visible{outline:2px solid rgba(56,189,248,.6);outline-offset:6px;border-radius:50%}.topAvatarButton:hover{transform:translateY(-2px) scale(1.01)}.searchButton{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background-color:#94a3b826;color:#000;margin-left:0;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.searchButton:hover{background-color:#38bdf859;color:#0f172a;transform:translateY(-2px)}.searchButton i{font-size:1rem}.topIcon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:#0f172a;background-color:#0f172a1f;transition:background-color .2s ease,transform .2s ease,color .2s ease;text-decoration:none}.topIcon:hover{background-color:#0f172a2e;color:#000;transform:translateY(-2px)}.topIcon i{font-size:1.25rem}.topNavList{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem;font-weight:600;letter-spacing:.02em;font-size:1.15rem;justify-content:center;align-items:center;flex-wrap:wrap}.topNavList li{display:flex;align-items:center}.topNavList a{color:#0f172a;text-decoration:none;font-size:1.25rem;transition:color .2s ease,opacity .2s ease}.topNavList a:hover,.topNavList a:focus-visible{color:#111827}.topNavList a.active{color:#2563eb}.topNavList li:last-of-type{margin-left:.5rem}.topNavAuthContainer{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.topNavUsername{font-family:Poppins,sans-serif;font-size:.9rem;color:#64748b;font-weight:500}.loginButton{background:#38bdf826;color:#0ea5e9;border:3px solid rgba(14,165,233,.5);padding:.35rem 1.15rem;border-radius:999px;font-size:1.25rem;font-family:Poppins,sans-serif;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.loginButton:hover{background-color:#0ea5e940;color:#0284c7;transform:translateY(-2px)}.loginButton:focus-visible{outline:2px solid rgba(56,189,248,.6);outline-offset:2px}.topAvatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(148,163,184,.3);box-shadow:0 2px 8px #0f172a26}.avatarDropdown{position:absolute;top:calc(100% + .75rem);right:0;min-width:200px;background-color:#fff;border-radius:18px;box-shadow:0 20px 60px #0f172a40;padding:.85rem;border:1px solid rgba(148,163,184,.25);display:flex;flex-direction:column;gap:.35rem;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;z-index:50}.avatarDropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.avatarDropdownHeader{padding:.25rem .35rem .5rem;border-bottom:1px solid rgba(148,163,184,.2);margin-bottom:.35rem}.avatarGreeting{margin:0;font-size:.85rem;color:#94a3b8}.avatarUser{margin:.1rem 0 0;font-size:1rem;font-weight:600;color:#0f172a}.avatarDropdownItem{width:100%;border:none;background:#94a3b81f;border-radius:12px;padding:.65rem .9rem;font-family:Poppins,sans-serif;font-size:.95rem;color:#0f172a;cursor:pointer;text-align:left;transition:background-color .2s ease,transform .2s ease}.avatarDropdownItem:hover{background:#38bdf833;transform:translate(2px)}.avatarDropdownItem.logout{background:#f8717126;color:#b91c1c}.avatarDropdownItem.logout:hover{background:#f871714d;color:#7f1d1d}@media(max-width:1024px){.topInner{padding:0 1.5rem;grid-template-columns:auto 1fr auto;gap:1rem}.topLeft{display:none}.topCenter{grid-column:2}.topNavList{gap:1.25rem;font-size:.95rem}.topLogoImage{height:60px;width:60px;min-height:60px;min-width:60px}.topLogoWrapper{gap:.5rem}}@media(max-width:768px){.topInner{grid-template-columns:auto 1fr auto;justify-items:center;gap:.75rem;padding:1rem 1.25rem;min-height:64px;align-items:center}.hamburgerButton{display:flex;justify-self:start}.topLogoWrapper{justify-self:start;gap:.5rem}.topLogoImage{height:60px;width:60px;min-height:60px;min-width:60px}.topLeft{display:none}.topCenter{grid-column:1 / -1;position:absolute;top:100%;left:0;right:0;background-color:#fff;box-shadow:0 4px 6px #0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:15}.topCenter.menuOpen{max-height:500px;padding:1.5rem 0}.topNavList{flex-direction:column;align-items:center;gap:1.25rem;padding:0 1.25rem}.topRight{gap:.5rem;margin-right:0}.searchButton,.topIcon{width:36px;height:36px}.searchButton i,.topIcon i{font-size:.9rem}}@media(max-width:520px){.topNavList{flex-wrap:wrap;row-gap:.75rem;column-gap:1.25rem;font-size:.95rem}.topAvatar{width:60px;height:60px;margin-right:0}}.searchModalOverlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.searchModalContent{background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:600px;max-height:80vh;position:relative;display:flex;flex-direction:column;animation:slideDown .3s ease;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.searchModalClose{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:none;background-color:#94a3b826;color:#0f172a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease;z-index:10}.searchModalClose:hover{background-color:#94a3b840;transform:rotate(90deg)}.searchModalClose i{font-size:1.1rem}.searchModalForm{padding:2rem;display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid rgba(148,163,184,.2);border-radius:clamp(14px,3vw,20px);background:linear-gradient(135deg,#0f172a0a,#2563eb14);border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 45px #0f172a1f}.searchInputWrapper{position:relative;display:flex;align-items:center;width:100%}.searchInputIcon{position:absolute;left:1.25rem;color:#94a3b899;font-size:1.1rem;pointer-events:none}.searchInput{width:100%;padding:1rem 3rem 1rem 3.5rem;border:2px solid rgba(148,163,184,.3);border-radius:12px;font-size:1.1rem;font-family:Poppins,sans-serif;color:#0f172a;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.searchInput:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.searchInput::placeholder{color:#94a3b899}.searchClearButton{position:absolute;right:1rem;width:28px;height:28px;border-radius:50%;border:none;background-color:#94a3b826;color:#0f172a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.searchClearButton:hover{background-color:#94a3b840}.searchClearButton i{font-size:.85rem}.searchSubmitButton{padding:.875rem 2rem;background-color:#38bdf8;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-family:Poppins,sans-serif;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;align-self:flex-start}.searchSubmitButton:hover{background-color:#0ea5e9;transform:translateY(-2px)}.searchSubmitButton:active{transform:translateY(0)}.searchResults{padding:1.5rem 2rem 2rem;max-height:calc(80vh - 200px);overflow-y:auto;flex:1}.searchPlaceholder{text-align:center;color:#94a3b8b3;font-size:1rem;padding:2rem 0;margin:0;font-family:Poppins,sans-serif}.searchResultsList{display:flex;flex-direction:column;gap:.75rem}.searchResultItem{display:block;padding:1rem;background:#f8f9fb;border-radius:8px;text-decoration:none;color:inherit;transition:background .2s ease,transform .2s ease;border:1px solid transparent}.searchResultItem:hover{background:#e2e8f0;transform:translateY(-2px);border-color:#cbd5e1}.searchResultTitle{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .5rem;font-family:Poppins,sans-serif}.searchResultSnippet{font-size:.875rem;color:#64748b;margin:0 0 .5rem;line-height:1.5;font-family:Poppins,sans-serif}.searchResultCategory{display:inline-block;font-size:.75rem;padding:.25rem .75rem;background:#2563eb;color:#fff;border-radius:12px;font-weight:500;font-family:Poppins,sans-serif}.searchViewAll{width:100%;padding:.875rem;margin-top:.5rem;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease;font-family:Poppins,sans-serif}.searchViewAll:hover{background:#1d4ed8}@media(max-width:768px){.searchModalOverlay{padding-top:2rem;align-items:flex-start}.searchModalContent{width:95%;max-height:90vh;border-radius:12px}.searchModalForm{padding:1.5rem}.searchResults{padding:1rem 1.5rem 1.5rem;max-height:calc(90vh - 180px)}}@media(max-width:520px){.searchModalOverlay{padding-top:1rem}.searchModalContent{width:100%;border-radius:0;max-height:100vh;height:100vh}.searchModalForm{padding:1.25rem}.searchInput{font-size:1rem;padding:.875rem 2.75rem .875rem 3rem}.searchSubmitButton{width:100%;padding:1rem}.searchResults{padding:1rem 1.25rem 1.25rem;max-height:calc(100vh - 200px)}}body{margin:0;padding:0;font-family:Neue Haas Grotesk Display Pro,Helvetica Neue,Helvetica,Arial,sans-serif}.header{position:relative;margin-top:50px;overflow:hidden;background:linear-gradient(180deg,#f8f9fb,#e0e4ec)}.headerImgWrapper{position:relative;width:100%;height:500px;overflow:hidden}.headerImgWrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0003,#0006 40%,#000000b3);pointer-events:none;z-index:1}.headerImg{width:100%;height:100%;object-fit:cover;display:block;will-change:transform;transition:transform .15s ease-out;overflow:hidden}.headerTitles{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;font-family:Neue Haas Grotesk Display Pro,Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;text-align:center;pointer-events:none;z-index:2;padding:2rem;box-sizing:border-box}.headerTitleSm{font-family:Neue Haas Grotesk Display Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:500;font-size:clamp(2.2rem,5.5vw,4.5rem);letter-spacing:clamp(.01em,.2vw,.05em);line-height:1.15;text-transform:none;text-shadow:0 3px 10px rgba(0,0,0,.5),0 6px 20px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.6);max-width:85%;padding:0 2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.headerSliderText{font-family:Neue Haas Grotesk Display Pro,Helvetica Neue,Helvetica,Arial,sans-serif;display:inline-block;animation:fadeInOut 1.2s cubic-bezier(.4,0,.2,1);backface-visibility:hidden;will-change:opacity,transform;white-space:pre-line}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.headerButton{pointer-events:auto;background-color:#fffffff2;color:#0f172a;border:1px solid rgba(255,255,255,.3);padding:clamp(.9rem,2.5vw,1.4rem) clamp(2rem,5vw,3.2rem);border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Neue Haas Grotesk Display Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(.9rem,1.2vw + .5rem,1.15rem);font-weight:500;letter-spacing:.05em;text-transform:none;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #00000026,0 2px 8px #0000001a;line-height:1.5}.headerButton:hover{background-color:#0f172a;color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #0f172a40,0 4px 12px #00000026;border-color:#fff3}@media(max-width:768px){.headerTitles{gap:1.5rem;padding:1.5rem}.headerTitleSm{font-size:clamp(1.75rem,6vw,2.5rem);max-width:95%;padding:0 1rem}.headerButton{padding:clamp(.8rem,2vw,1.1rem) clamp(1.8rem,4vw,2.5rem);font-size:clamp(.85rem,1.5vw + .4rem,1rem)}}@media(max-width:560px){.headerTitles{gap:1.2rem;padding:1rem}.headerTitleSm{font-size:clamp(1.5rem,7vw,2rem);letter-spacing:.01em;line-height:1.3}.headerButton{width:min(280px,90%);padding:.9rem 2rem;font-size:.9rem}}.home{max-width:1200px;margin:0 auto;padding:3rem 2rem 4rem;display:flex;gap:3rem;align-items:flex-start;font-family:Poppins,sans-serif}@media(max-width:900px){.home{flex-direction:column;padding:2rem 1.5rem 3rem;gap:2rem}}.posts{flex:1;min-width:0;font-family:Poppins,sans-serif}.postsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(1.5rem,3vw,2rem)}.postsTitle{margin:0;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;color:#0f172a}.postsViewControls{display:inline-flex;align-items:center;background:#0f172a08;border:1px solid rgba(15,23,42,.1);border-radius:clamp(10px,1.5vw,12px);padding:clamp(3px,.4vw,4px);gap:clamp(2px,.3vw,3px);position:relative;box-shadow:0 1px 3px #0f172a0d}.viewButton{width:clamp(40px,5.5vw,48px);height:clamp(40px,5.5vw,48px);min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:clamp(8px,1.2vw,10px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#0f172a8c;padding:0;margin:0;flex-shrink:0;position:relative;outline:none}.viewButton:focus-visible{outline:2px solid rgba(37,99,235,.5);outline-offset:2px}.viewButton svg{width:clamp(17px,2.4vw,19px);height:clamp(17px,2.4vw,19px);display:block;flex-shrink:0;transition:all .2s ease;stroke-width:1.5}.viewButton:hover{color:#0f172ad9;background:#0f172a0d}.viewButton:hover svg{transform:scale(1.08)}.viewButton.active{background:linear-gradient(135deg,#2563eb1f,#2563eb14);color:#2563eb;box-shadow:0 2px 6px #2563eb26,0 1px 2px #0f172a1a,inset 0 1px 1px #ffffff80;border:1px solid rgba(37,99,235,.2);font-weight:600}.viewButton.active:hover{background:linear-gradient(135deg,#2563eb29,#2563eb1f);box-shadow:0 3px 8px #2563eb33,0 2px 4px #0f172a1f,inset 0 1px 1px #fff9;transform:translateY(-1px)}.viewButton.active svg{transform:scale(1.1);filter:drop-shadow(0 1px 2px rgba(37,99,235,.3))}.postsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(280px,25vw,320px),1fr));gap:clamp(1rem,2vw,1.5rem)}.postsGrid.listView{grid-template-columns:1fr}.postCard{border-radius:clamp(8px,1.5vw,12px);border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 2px 8px #0f172a0f;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;cursor:pointer}.postCard:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a1f;border-color:#0f172a26}.postCardLink{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.postCardImageWrapper{width:100%;height:clamp(160px,25vw,200px);overflow:hidden;position:relative;background:linear-gradient(135deg,#0f172a0d,#0f172a1a)}.postCardImage{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.postCard:hover .postCardImage{transform:scale(1.05)}.postCardContent{padding:clamp(1rem,2vw,1.25rem);display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem);flex:1}.postCardMeta{display:flex;justify-content:space-between;align-items:center;font-size:clamp(.7rem,1.2vw,.8rem);color:#0f172ab3}.postCardDate{font-size:clamp(.7rem,1.2vw,.8rem);color:#0f172ab3;font-weight:500}.postCardStats{display:flex;gap:1rem;align-items:center}.postCardStat{display:flex;align-items:center;gap:clamp(.25rem,.5vw,.35rem);font-size:clamp(.7rem,1.2vw,.8rem);color:#0f172ab3}.postCardStat svg{width:clamp(10px,1.5vw,12px);height:clamp(10px,1.5vw,12px)}.postCardTitle{margin:0;font-size:clamp(1.1rem,2.5vw,1.25rem);font-weight:600;color:#0f172a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.postCardAuthor{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.postCardAuthorAvatar{width:clamp(20px,3vw,24px);height:clamp(20px,3vw,24px);border-radius:50%;overflow:hidden;flex-shrink:0}.postCardAuthorName{font-size:clamp(.75rem,1.5vw,.85rem);color:#0f172ab3;font-weight:500}.postCardDescription{margin:0;line-height:1.6;color:#0f172ab3;font-size:clamp(.85rem,1.5vw,.9rem);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.postCardCategory{align-self:flex-start;padding:clamp(.2rem,.5vw,.25rem) clamp(.6rem,1.2vw,.75rem);border-radius:clamp(3px,.6vw,4px);background:#0f172a0d;color:#0f172ab3;font-size:clamp(.7rem,1.2vw,.75rem);font-weight:500;margin-top:clamp(.4rem,.8vw,.5rem)}.postsLoading,.postsError,.postsEmpty{padding:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2rem);text-align:center;color:#0f172a99;font-size:clamp(.9rem,1.8vw,1rem)}.postsError{color:#dc2626cc}.postsGrid.listView .postCard{flex-direction:row;max-width:100%;min-height:clamp(200px,30vw,240px);height:auto;align-items:stretch;border-radius:clamp(10px,1.8vw,14px);overflow:hidden;gap:0}.postsGrid.listView .postCardLink{flex-direction:row;width:100%;display:flex;height:100%}.postsGrid.listView .postCardImageWrapper{width:clamp(240px,28vw,300px);min-width:clamp(240px,28vw,300px);height:100%;min-height:clamp(200px,30vw,240px);flex-shrink:0;border-radius:clamp(10px,1.8vw,14px) 0 0 clamp(10px,1.8vw,14px);overflow:hidden;position:relative;background:linear-gradient(135deg,#0f172a0d,#0f172a1a)}.postsGrid.listView .postCardImage{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.postsGrid.listView .postCardContent{flex:1;padding:clamp(1.25rem,2.5vw,1.75rem);display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(.5rem,1vw,.75rem);min-width:0}.postsGrid.listView .postCardMeta{margin-bottom:0;order:1}.postsGrid.listView .postCardTitle{font-size:clamp(1.3rem,3.2vw,1.6rem);margin:0;line-height:1.35;-webkit-line-clamp:3;line-clamp:3;order:2;flex-shrink:0}.postsGrid.listView .postCardAuthor{margin:0;order:3;flex-shrink:0}.postsGrid.listView .postCardDescription{-webkit-line-clamp:2;line-clamp:2;margin:0;order:4;flex:1;min-height:0}.postsGrid.listView .postCardCategory{margin-top:auto;align-self:flex-start;order:5;flex-shrink:0}@media(max-width:768px){.postsGrid.listView .postCard{flex-direction:column;min-height:auto}.postsGrid.listView .postCardLink{flex-direction:column}.postsGrid.listView .postCardImageWrapper{width:100%;min-width:100%;height:clamp(220px,50vw,280px);min-height:clamp(220px,50vw,280px);border-radius:clamp(10px,1.8vw,14px) clamp(10px,1.8vw,14px) 0 0;aspect-ratio:16 / 9}.postsGrid.listView .postCardContent{padding:clamp(1rem,2vw,1.25rem)}.postsGrid.listView .postCardTitle{-webkit-line-clamp:2;line-clamp:2}}@media(min-width:769px)and (max-width:1024px){.postsGrid.listView .postCardImageWrapper{width:clamp(200px,25vw,260px);min-width:clamp(200px,25vw,260px)}}.loadMoreContainer{display:flex;justify-content:center;align-items:center;margin-top:clamp(2rem,4vw,3rem);width:100%}.loadMoreButton{padding:clamp(.75rem,1.5vw,1rem) clamp(2rem,4vw,3rem);border-radius:999px;border:none;background:#2563ebe6;color:#fff;font-family:Poppins,sans-serif;font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;cursor:pointer}.loadMoreButton:hover{background:#2563eb;transform:translateY(-10px)}.sidebar{flex:0 0 280px;position:sticky;top:100px;height:fit-content;padding:2rem;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:2rem;font-family:Poppins,sans-serif}.sidebarProfile{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.sidebarProfileImage{width:100%;display:flex;justify-content:center}.profilePlaceholder{width:120px;height:120px;border-radius:50%;background:#0f172a0d;display:flex;align-items:center;justify-content:center;border:2px solid rgba(15,23,42,.1)}.sidebarBio{margin:0}.sidebarBio p{margin:0;line-height:1.7;color:#0f172ab3;font-size:.9rem}.sidebarNav{width:100%}.sidebarNavList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sidebarNavLink{display:block;padding:.75rem 1rem;border-radius:8px;color:#0f172ab3;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease;background:transparent}.sidebarNavLink:hover{background:#0f172a0d;color:#0f172a;transform:translate(4px)}.sidebarNavLink:active{transform:translate(2px)}@media(max-width:900px){.sidebar{position:relative;top:0;flex:1;width:100%}}.blogPage{max-width:1200px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem);background:linear-gradient(180deg,#f8f9fb,#fff);font-family:Poppins,sans-serif}.blogPageHeader{margin-bottom:clamp(2rem,4vw,3rem)}.blogPageIntro{margin-bottom:clamp(2rem,4vw,3rem);text-align:center}.blogPageTitle{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#0f172a;margin-bottom:clamp(1rem,2vw,1.5rem);font-family:Poppins,sans-serif}.blogPageDescription{font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;color:#64748b;max-width:800px;margin:0 auto clamp(1rem,2vw,1.5rem)}.blogPageSubDescription{font-size:clamp(.9rem,1.8vw,1.1rem);line-height:1.7;color:#94a3b8;max-width:700px;margin:0 auto}.blogPageCategories{background:#fff;border-radius:1rem;padding:clamp(1.5rem,3vw,2rem);box-shadow:0 1px 3px #0000001a;margin-bottom:clamp(2rem,4vw,3rem)}.blogPageCategoriesTitle{font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:600;color:#0f172a;margin-bottom:1.25rem;font-family:Poppins,sans-serif}.blogPageCategoryFilters{display:flex;flex-wrap:wrap;gap:.75rem}.blogPageCategoryButton{padding:.625rem 1.25rem;border:2px solid #e2e8f0;border-radius:999px;background:#fff;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.blogPageCategoryButton:hover{border-color:#2563eb;color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}.blogPageCategoryButton.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb40}.blogPageContent{margin-bottom:clamp(2rem,4vw,3rem)}.blogPageFooter{margin-top:clamp(3rem,6vw,5rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid #e2e8f0}.blogPageFooterContent{background:linear-gradient(120deg,#2563eb14,#0ea5e914);border-radius:1rem;padding:clamp(2rem,4vw,3rem);text-align:center}.blogPageFooterContent h3{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;color:#0f172a;margin-bottom:1rem;font-family:Poppins,sans-serif}.blogPageFooterContent p{font-size:clamp(.95rem,1.9vw,1.1rem);line-height:1.7;color:#64748b;max-width:600px;margin:0 auto}@media(max-width:768px){.blogPageCategoryFilters{justify-content:center}.blogPageCategoryButton{font-size:.85rem;padding:.5rem 1rem}}.blogDetail{min-height:100vh;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem);background:linear-gradient(180deg,#f8f9fb,#fff);font-family:Poppins,sans-serif}.blogDetailContainer{max-width:900px;margin:0 auto}.blogDetailLoading,.blogDetailError{text-align:center;padding:clamp(4rem,10vw,8rem) 2rem;color:#64748b;font-family:Poppins,sans-serif}.blogDetailError p{font-size:clamp(1.1rem,2vw,1.25rem);margin-bottom:2rem}.blogDetailBackLink{display:inline-flex;align-items:center;gap:.5rem;color:#2563eb;text-decoration:none;font-size:clamp(.9rem,1.8vw,1rem);margin-bottom:clamp(2rem,4vw,3rem);transition:color .2s ease;font-family:Poppins,sans-serif}.blogDetailBackLink:hover{color:#1d4ed8}.blogDetailBackButton{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2563eb;color:#fff;text-decoration:none;border-radius:8px;font-family:Poppins,sans-serif;transition:background .2s ease}.blogDetailBackButton:hover{background:#1d4ed8}.blogDetailHeader{margin-bottom:clamp(2rem,4vw,3rem)}.blogDetailMeta{display:flex;flex-wrap:wrap;gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(1.5rem,3vw,2rem);font-size:clamp(.85rem,1.6vw,.95rem);color:#64748b;font-family:Poppins,sans-serif}.blogDetailCategory,.blogDetailDate,.blogDetailAuthor{display:flex;align-items:center;gap:.5rem}.blogDetailCategory{color:#2563eb;font-weight:600}.blogDetailTitle{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;color:#0f172a;margin-bottom:clamp(1.5rem,3vw,2rem);font-family:Poppins,sans-serif}.blogDetailImageWrapper{width:100%;height:clamp(250px,40vw,400px);border-radius:clamp(12px,2vw,16px);overflow:hidden;margin-bottom:clamp(2rem,4vw,3rem);box-shadow:0 4px 6px -1px #0000001a}.blogDetailImage{width:100%;height:100%;object-fit:cover}.blogDetailContent{background:#fff;border-radius:clamp(12px,2vw,16px);padding:clamp(2rem,4vw,3rem);box-shadow:0 1px 3px #0000001a}.blogDetailBody{margin-bottom:clamp(2rem,4vw,3rem)}.blogDetailText{font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;color:#334155;font-family:Poppins,sans-serif}.blogDetailText p{margin-bottom:1.5rem}.blogDetailText h2,.blogDetailText h3{margin-top:2rem;margin-bottom:1rem;color:#0f172a;font-family:Poppins,sans-serif}.blogDetailText h2{font-size:clamp(1.5rem,3vw,1.875rem)}.blogDetailText h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}.blogDetailText code{background:#f1f5f9;padding:.25rem .5rem;border-radius:4px;font-size:.9em;font-family:Courier New,monospace}.blogDetailText pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.blogDetailText pre code{background:transparent;color:inherit;padding:0}.blogDetailText a{color:#2563eb;text-decoration:underline}.blogDetailText a:hover{color:#1d4ed8}.blogDetailText ul,.blogDetailText ol{margin:1.5rem 0;padding-left:2rem;color:#334155}.blogDetailText ul li,.blogDetailText ol li{margin-bottom:.75rem;line-height:1.7}.blogDetailText ul li::marker{color:#2563eb}.blogDetailText strong{font-weight:600;color:#0f172a}.blogDetailText img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.blogDetailFooter{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding-top:2rem;border-top:1px solid #e2e8f0}.blogDetailStats{display:flex;gap:clamp(1rem,2vw,1.5rem);font-size:clamp(.9rem,1.8vw,1rem);color:#64748b;font-family:Poppins,sans-serif}.blogDetailStat{display:flex;align-items:center;gap:.5rem}.blogDetailActions{display:flex;gap:1rem}.blogDetailShareButton{padding:clamp(.75rem,1.5vw,.875rem) clamp(1.5rem,3vw,2rem);background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;cursor:pointer;transition:background .2s ease;font-family:Poppins,sans-serif}.blogDetailShareButton:hover{background:#1d4ed8}@media(max-width:768px){.blogDetailMeta{flex-direction:column;gap:.75rem}.blogDetailFooter{flex-direction:column;align-items:flex-start}}.page{max-width:900px;margin:clamp(3rem,5vw,4.5rem) auto;padding:0 clamp(1rem,3vw,2rem);font-family:Poppins,sans-serif;display:flex;flex-direction:column;gap:clamp(1.2rem,2.5vw,1.8rem)}.page h1{margin:0;font-size:clamp(2rem,3vw + 1rem,3rem);color:#0f172a}.page p{margin:0;line-height:1.7;color:#0f172acc}.pageActions{display:flex;flex-wrap:wrap;gap:1rem}.pageActions a{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.4rem;border-radius:999px;background:#2563eb1f;color:#1d4ed8;border:1px solid rgba(37,99,235,.28);text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.pageActions a:hover{transform:translateY(-2px);box-shadow:0 18px 30px #0f172a26}.writeForm{margin-top:1rem;display:flex;flex-direction:column;gap:clamp(1.2rem,2.4vw,1.8rem);padding:clamp(1.5rem,2vw + 1rem,2.4rem);border-radius:clamp(14px,3vw,20px);background:linear-gradient(135deg,#0f172a0a,#2563eb14);border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 45px #0f172a1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fade-slide-up .6s ease-out}.writeField{display:flex;flex-direction:column;gap:.6rem;color:#0f172abf;font-weight:600;letter-spacing:.02em;padding-right:30px}.writeField input,.writeField textarea{width:100%;padding:clamp(.75rem,1vw + .6rem,1rem);border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb;font-family:Poppins,sans-serif;font-size:1rem;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;resize:vertical}.writeField input:focus,.writeField textarea:focus{outline:none;border-color:#2563eb66;box-shadow:0 16px 32px #2563eb26;transform:translateY(-2px)}.writeActions{display:flex;gap:1rem;flex-wrap:wrap}.writeActions button{padding:.7rem 1.6rem;border-radius:999px;border:none;cursor:pointer;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.profilePage{gap:clamp(1.8rem,3vw,2.6rem)}.profileCard{background:#ffffffe6;border:1px solid rgba(15,23,42,.08);border-radius:26px;padding:clamp(1.6rem,2vw + 1rem,2.4rem);box-shadow:0 28px 60px #0f172a24;display:flex;flex-direction:column;gap:1.6rem}.profileHeader{display:flex;gap:1.5rem;align-items:center}.profileAvatar{width:60px;height:60px;border-radius:24px;border:3px solid rgba(37,99,235,.2);overflow:hidden;flex-shrink:0}.profileAvatar img{width:100%;height:100%;object-fit:cover}.profileHeaderContent h1{margin-bottom:.3rem}.profileTitleRow{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.profileStatus{font-size:.85rem;padding:.2rem .8rem;border-radius:999px;background:#22c55e1f;color:#15803d;border:1px solid rgba(34,197,94,.35)}.profileRole{font-weight:600;color:#111827}.profileLocation{color:#0f172a99;font-size:.95rem}.profileLinks{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.8rem}.profileLinks a,.profileLinks button{border-radius:999px;padding:.4rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.12);background:#0f172a0a;font-weight:600;color:#1d4ed8;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profileLinks button{background:transparent;color:#0f172a}.profileLinks a:hover,.profileLinks button:hover{transform:translateY(-2px);box-shadow:0 14px 24px #0f172a1f}.profileBio{font-size:1.05rem;color:#0f172ad9}.profileBadges{display:flex;flex-wrap:wrap;gap:.5rem}.profileBadges span{background:#2563eb14;color:#1d4ed8;padding:.35rem .9rem;border-radius:999px;font-size:.85rem;border:1px dashed rgba(37,99,235,.4)}.profileHighlights{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.profileHighlight{border-radius:18px;padding:1.1rem;border:1px solid rgba(15,23,42,.08);background:#f8fafce6;display:flex;flex-direction:column;gap:.4rem}.profileHighlight span{font-size:1.6rem;font-weight:700;color:#0f172a}.profileHighlight p{font-size:.95rem;color:#0f172a99}.profileHighlight.experiments{background:#3b82f61f}.profileHighlight.mentorship{background:#22c55e26}.profileHighlight.writing{background:#f9731626}.profileSkills{display:flex;flex-wrap:wrap;gap:.6rem}.profileSkills span{background:#0f172a14;border-radius:999px;padding:.35rem .9rem;font-size:.9rem;color:#0f172a}.profileEditForm{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.5rem,2vw + .5rem,2rem);border-radius:22px;border:1px solid rgba(15,23,42,.08);background:#ffffffb3;box-shadow:0 20px 45px #0f172a1a;animation:fade-slide-up .45s ease}.profileEditForm label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;color:#0f172ab3}.profileEditForm input,.profileEditForm textarea{border-radius:12px;border:1px solid rgba(15,23,42,.15);padding:.65rem .9rem;font-family:Poppins,sans-serif;font-size:1rem;background:#fffffff2;transition:border-color .2s ease,box-shadow .2s ease}.profileEditForm input:focus,.profileEditForm textarea:focus{outline:none;border-color:#2563eb59;box-shadow:0 12px 25px #2563eb33}.profileEditGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.profileEditActions{display:flex;gap:.8rem;flex-wrap:wrap}.profileEditActions button{padding:.6rem 1.4rem;border-radius:999px;border:none;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:transform .2s ease,box-shadow .2s ease}.profileEditActions button[type=submit]{background:#2563ebf2;color:#fff;box-shadow:0 18px 32px #2563eb4d}.profileEditActions button.ghost{border:1px solid rgba(15,23,42,.2);background:transparent;color:#0f172a}@media(max-width:640px){.profileHeader{flex-direction:column;align-items:flex-start}.profileEditActions{flex-direction:column}.profileEditActions button{width:100%}}.writeActions button[type=submit]{background:#2563ebe6;color:#fff;box-shadow:0 18px 40px #2563eb59}.writeActions button[type=submit]:hover{background:#2563eb;transform:translateY(-10px)}.writeActions button.ghost{background:transparent;color:#0f172a;border:1px solid rgba(15,23,42,.2)}.writeActions button.ghost:hover{background:#0f172a14;transform:translateY(-1px)}@media(max-width:640px){.page{margin:3rem auto;padding:0 1.5rem}.pageActions{flex-direction:column}.pageActions a{width:100%}.writeActions{flex-direction:column}.writeActions button{width:100%}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.write{max-width:900px;margin:4rem auto;padding:0 2rem;font-family:Poppins,sans-serif;display:flex;flex-direction:column;gap:1.5rem}.write input,.write textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px}.write button{width:102%;padding:10px;border:1px solid #ccc;margin-bottom:10px}.write button:hover{background-color:#000;color:#fff}.loginForm{max-width:900px;margin:4rem auto;padding:0 2rem;font-family:Poppins,sans-serif;display:flex;flex-direction:column;gap:1.5rem}.writeFieldLogin{display:flex;flex-direction:column;gap:.6rem;font-family:Poppins,sans-serif;font-size:1rem;color:#0f172abf;font-weight:600;letter-spacing:.02em;padding-right:30px;padding-left:30px}.writeFieldLogin input{width:100%;padding:clamp(.75rem,1vw + .6rem,1rem);border-radius:8px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb;font-family:Poppins,sans-serif;font-size:1rem;color:#0f172a;padding-left:5px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.writeFieldLogin input:focus{outline:none;border-color:#2563eb66;box-shadow:0 16px 32px #2563eb26;transform:translateY(-5px)}.google-login-container{padding:.7rem 1.6rem;border-radius:999px;border:none;cursor:pointer;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.google-login-btn{background:#d40000eb;color:#fff;box-shadow:0 18px 40px #d4000059}.google-login-btn:hover{background:#d40000;transform:translateY(-10px)}.myProfile,.myProfileInfo{display:flex;flex-direction:column;gap:1.5rem}.myProfileInfo p{margin:0;line-height:1.7;color:#0f172abf}.myProfileInfo button{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#0050fc;color:#fff;cursor:pointer;transition:background-color .2s ease,color .2s ease}.myProfileInfo button:hover{background-color:#fff;color:#000}.page--profile{gap:2rem}.profileHeader{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.profileIdentity{display:flex;gap:1.25rem;align-items:center}.profileAvatar{width:60px;height:60px;border-radius:24px;object-fit:cover;box-shadow:0 15px 35px #0f172a40}.profileEyebrow{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:#94a3b8}.profileSubtitle{margin:.25rem 0 0;color:#0f172aa6}.profileHeaderActions{display:flex;gap:.75rem;flex-wrap:wrap}.profileEditLink{padding:.65rem 1.4rem;border-radius:999px;border:none;background:#2563eb;color:#fff;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.profileEditLink:hover{transform:translateY(-2px);box-shadow:0 18px 30px #2563eb59}.profileEditLink--ghost{background:#2563eb14;color:#1d4ed8}.profileStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.profileStatCard{padding:1.25rem;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:#f8f9fce6;box-shadow:0 10px 25px #0f172a14}.profileStatLabel{margin:0;font-size:.85rem;color:#0f172a8c}.profileStatValue{margin:.35rem 0 0;font-size:2rem;font-weight:600;color:#0f172a}.profileInfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.profileInfoItem{padding:1rem;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fff}.profileInfoLabel{margin:0;font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.2em}.profileInfoValue{margin:.5rem 0 0;font-weight:600;color:#0f172a}.profileForm{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.5rem,2vw + 1rem,2.25rem);border-radius:20px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 25px 40px #0f172a14}.profileFormGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.profileFormField{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:#0f172abf}.profileFormField input,.profileFormField textarea{width:100%;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(15,23,42,.12);font-family:Poppins,sans-serif;font-size:1rem;background:#f8f9fccc;transition:border-color .2s ease,box-shadow .2s ease}.profileFormField input[type=file],.profileForm input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;opacity:0;pointer-events:none}.profileFormField input:focus,.profileFormField textarea:focus{outline:none;border-color:#2563eb99;box-shadow:0 12px 32px #2563eb33}.profileFormActions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.profileFormActions button{padding:.75rem 1.8rem;border-radius:999px;border:none;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profileFormActions button[type=submit],.profileFormActions button:not(.ghost){background:#2563eb;color:#fff;box-shadow:0 18px 35px #2563eb59}.profileFormActions button.ghost{background:#2563eb14;color:#1d4ed8}.profileFormActions button:hover{transform:translateY(-2px)}.profileToast{padding:.85rem 1.25rem;border-radius:12px;font-weight:600}.profileToast--success{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.35)}.profileToast--error{background:#f8717126;color:#b91c1c;border:1px solid rgba(248,113,113,.35)}@media(max-width:640px){.profileHeader{flex-direction:column;align-items:flex-start}.profileHeaderActions{width:100%}.profileHeaderActions a{width:100%;text-align:center}}.profilePictureButton{height:40px;width:auto;min-width:200px;border-radius:5px;border:none;padding:10px 20px;font-weight:600;font-size:1rem;font-family:Poppins,sans-serif;color:#fff;background-color:#0051ff;cursor:pointer;transition:background-color .2s ease,color .2s ease;margin-left:auto;margin-top:1.5rem;align-self:flex-end;grid-column:1 / -1;justify-self:end}.profilePictureButton:hover{background-color:red;color:#000}.sliding-container{position:relative;overflow:hidden;white-space:nowrap;background:transparent;padding:clamp(1.2rem,3vw,1.5rem) 0}.sliding-container:before,.sliding-container:after{content:"";position:absolute;top:0;width:clamp(4rem,8vw,6rem);height:100%;pointer-events:none;z-index:2}.sliding-container:before{left:0;background:linear-gradient(to right,#ffffffd9,#fff0)}.sliding-container:after{right:0;background:linear-gradient(to left,#ffffffd9,#fff0)}.sliding-track{display:inline-flex;gap:clamp(2rem,4vw,3rem);animation:slide-left 90s linear infinite;will-change:transform}.sliding-track span{font-family:Poppins,sans-serif;font-size:clamp(1.2rem,4vw,2.4rem);letter-spacing:.22em;text-transform:uppercase;color:transparent;background:linear-gradient(120deg,#0f172a,#2563eb,#0f172a);background-size:200%;-webkit-background-clip:text;background-clip:text;animation:text-glow 4s ease-in-out infinite alternate}@keyframes slide-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes text-glow{0%{filter:drop-shadow(0 0 6px rgba(37,99,235,.3));background-position:0% 50%}to{filter:drop-shadow(0 0 12px rgba(37,99,235,.55));background-position:100% 50%}}@media(max-width:768px){.sliding-container{padding:clamp(1rem,2.5vw,1.1rem) 0}.sliding-container:before,.sliding-container:after{width:clamp(3rem,6vw,4rem)}.sliding-track{gap:clamp(1.5rem,3vw,2.5rem);animation-duration:28s}}@media(max-width:480px){.sliding-track{gap:clamp(1rem,2vw,1.5rem);animation-duration:24s}.sliding-track span{letter-spacing:.14em}}.footer{background-color:#0f172a;color:#e2e8f0;padding:2.4rem 1rem;margin-top:4rem;font-family:Poppins,sans-serif}.footerContent{max-width:min(1120px,100%);margin:0 auto;display:flex;flex-direction:column;gap:1.8rem;align-items:center;text-align:center}.footerBrand{display:flex;flex-direction:column;gap:.5rem}.footerBrand h3{margin:0;font-size:clamp(1.3rem,1.5vw + .6rem,1.8rem);letter-spacing:.2em;text-transform:uppercase}.footerBrand span{font-size:.95rem;color:#e2e8f0d9}.footerLinks{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footerLinks a{color:#e2e8f0cc;text-decoration:none;transition:color .2s ease,transform .2s ease;display:inline-flex;gap:.45rem;align-items:center}.footerLinks a:hover{color:#fff;transform:translateY(-2px)}.footerNote{font-size:.85rem;color:#e2e8f0cc;letter-spacing:.05em}@media(max-width:640px){.footer{padding:2.2rem 1.5rem}.footerLinks{gap:1rem}}.n8nPage{max-width:1100px;margin:0 auto;padding:4rem 1.5rem 5rem;color:#0f172a;line-height:1.7;font-family:Poppins,sans-serif}.n8nHero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;align-items:center;margin-bottom:3rem}.n8nHeroText h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.n8nHeroText ul{padding-left:1.4rem;margin-top:1rem}.n8nHeroText li{margin-bottom:.5rem}.n8nTag{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#6366f1;margin-bottom:.75rem}.n8nHeroImage img,.n8nCard img{width:100%;border-radius:1.25rem;box-shadow:0 20px 45px #0f172a1f;object-fit:cover}.n8nContentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.n8nCard{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.n8nCard h2{margin:0;font-size:1.35rem}.n8nCTA{margin-top:4rem;padding:2.5rem;border-radius:1.5rem;background:linear-gradient(120deg,#6366f11f,#0ea5e91f);text-align:center}.n8nCTAButton{display:inline-block;margin-top:1.25rem;background:#111827;color:#fff;padding:.85rem 1.75rem;border-radius:999px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.n8nCTAButton:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f172a40}@media(max-width:640px){.n8nPage{padding:3rem 1rem 4rem}.n8nCard{padding:1.5rem}}.react19Page{max-width:1100px;margin:0 auto;padding:4rem 1.5rem 5rem;color:#0f172a;line-height:1.7;font-family:Poppins,sans-serif}.react19Hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;align-items:center;margin-bottom:3rem}.react19HeroText h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:#0f172a;font-weight:700}.react19HeroText p{font-size:clamp(1rem,2vw,1.125rem);color:#64748b;margin-bottom:1rem}.react19HeroText ul{padding-left:1.4rem;margin-top:1rem;list-style-type:disc}.react19HeroText li{margin-bottom:.5rem;color:#334155}.react19Tag{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#61dafb;margin-bottom:.75rem;font-weight:600}.react19HeroImage img,.react19Card img{width:100%;border-radius:1.25rem;box-shadow:0 20px 45px #0f172a1f;object-fit:cover}.react19ContentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.react19Card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.react19Card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f172a26}.react19Card h2{margin:0;font-size:1.35rem;color:#0f172a;font-weight:600}.react19Card p{margin:0;color:#64748b;line-height:1.7}.react19CTA{margin-top:4rem;padding:2.5rem;border-radius:1.5rem;background:linear-gradient(120deg,#61dafb1f,#0ea5e91f);text-align:center}.react19CTA h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem;color:#0f172a}.react19CTA p{color:#64748b;font-size:1.1rem;margin-bottom:1.5rem}.react19CTAButton{display:inline-block;margin-top:1.25rem;background:#61dafb;color:#0f172a;padding:.85rem 1.75rem;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.react19CTAButton:hover{transform:translateY(-2px);box-shadow:0 12px 30px #61dafb66;background:#4dd0e1}@media(max-width:640px){.react19Page{padding:3rem 1rem 4rem}.react19Card{padding:1.5rem}}.dotnet8Page{max-width:1100px;margin:0 auto;padding:4rem 1.5rem 5rem;color:#0f172a;line-height:1.7;font-family:Poppins,sans-serif}.dotnet8Hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;align-items:center;margin-bottom:3rem}.dotnet8HeroText h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:#0f172a;font-weight:700}.dotnet8HeroText p{font-size:clamp(1rem,2vw,1.125rem);color:#64748b;margin-bottom:1rem}.dotnet8HeroText ul{padding-left:1.4rem;margin-top:1rem;list-style-type:disc}.dotnet8HeroText li{margin-bottom:.5rem;color:#334155}.dotnet8Tag{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#512bd4;margin-bottom:.75rem;font-weight:600}.dotnet8HeroImage img,.dotnet8Card img{width:100%;border-radius:1.25rem;box-shadow:0 20px 45px #0f172a1f;object-fit:cover}.dotnet8ContentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.dotnet8Card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.dotnet8Card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f172a26}.dotnet8Card h2{margin:0;font-size:1.35rem;color:#0f172a;font-weight:600}.dotnet8Card p{margin:0;color:#64748b;line-height:1.7}.dotnet8CTA{margin-top:4rem;padding:2.5rem;border-radius:1.5rem;background:linear-gradient(120deg,#512bd41f,#0ea5e91f);text-align:center}.dotnet8CTA h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem;color:#0f172a}.dotnet8CTA p{color:#64748b;font-size:1.1rem;margin-bottom:1.5rem}.dotnet8CTAButton{display:inline-block;margin-top:1.25rem;background:#512bd4;color:#fff;padding:.85rem 1.75rem;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.dotnet8CTAButton:hover{transform:translateY(-2px);box-shadow:0 12px 30px #512bd466;background:#3d1fa3}@media(max-width:640px){.dotnet8Page{padding:3rem 1rem 4rem}.dotnet8Card{padding:1.5rem}}.rapidUXPage{max-width:1100px;margin:0 auto;padding:4rem 1.5rem 5rem;color:#0f172a;line-height:1.7;font-family:Poppins,sans-serif}.rapidUXHero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;align-items:center;margin-bottom:3rem}.rapidUXHeroText h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:#0f172a;font-weight:700}.rapidUXHeroText p{font-size:clamp(1rem,2vw,1.125rem);color:#64748b;margin-bottom:1rem}.rapidUXHeroText ul{padding-left:1.4rem;margin-top:1rem;list-style-type:disc}.rapidUXHeroText li{margin-bottom:.5rem;color:#334155}.rapidUXTag{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#ec4899;margin-bottom:.75rem;font-weight:600}.rapidUXHeroImage img,.rapidUXCard img{width:100%;border-radius:1.25rem;box-shadow:0 20px 45px #0f172a1f;object-fit:cover}.rapidUXContentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.rapidUXCard{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.rapidUXCard:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f172a26}.rapidUXCard h2{margin:0;font-size:1.35rem;color:#0f172a;font-weight:600}.rapidUXCard p{margin:0;color:#64748b;line-height:1.7}.rapidUXCTA{margin-top:4rem;padding:2.5rem;border-radius:1.5rem;background:linear-gradient(120deg,#ec48991f,#0ea5e91f);text-align:center}.rapidUXCTA h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem;color:#0f172a}.rapidUXCTA p{color:#64748b;font-size:1.1rem;margin-bottom:1.5rem}.rapidUXCTAButton{display:inline-block;margin-top:1.25rem;background:#ec4899;color:#fff;padding:.85rem 1.75rem;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.rapidUXCTAButton:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ec489966;background:#db2777}@media(max-width:640px){.rapidUXPage{padding:3rem 1rem 4rem}.rapidUXCard{padding:1.5rem}}.getAnOfferPage{max-width:1000px}.getAnOfferHeader{text-align:center;margin-bottom:2rem}.getAnOfferHeader h1{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.getAnOfferHeader p{font-size:clamp(1rem,1.2vw,1.1rem);color:#0f172ab3;max-width:700px;margin:0 auto}.offerMessage{padding:1rem 1.5rem;border-radius:12px;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;animation:slideDown .3s ease-out;font-family:Poppins,sans-serif}.offerMessage.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.offerMessage.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444}.offerForm{margin-top:2rem}.serviceSelect{width:100%;padding:clamp(.75rem,1vw + .6rem,1rem);border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb;font-family:Poppins,sans-serif;font-size:1rem;color:#0f172a;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230f172a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.serviceSelect:focus{outline:none;border-color:#2563eb66;box-shadow:0 16px 32px #2563eb26;transform:translateY(-2px)}.serviceSelect:hover{border-color:#2563eb4d}.submitButton{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d}.submitButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.submitButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.offerInfo{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#2563eb0d,#7c3aed0d);border-radius:16px;border:1px solid rgba(37,99,235,.1)}.offerInfo h3{font-size:1.3rem;color:#0f172a;margin-bottom:1rem;font-weight:600}.offerInfo ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.offerInfo li{padding-left:1.8rem;position:relative;color:#0f172acc;line-height:1.6}.offerInfo li:before{content:"✓";position:absolute;left:0;color:#2563eb;font-weight:700;font-size:1.2rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.getAnOfferHeader{text-align:left}.offerInfo{padding:1.5rem}.offerInfo h3{font-size:1.1rem}}