1<!DOCTYPE html><html lang="tr"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#4C5CA9"><meta name="generator" content="Astro v5.18.2"><!-- SEO --><title>Ofis Ãözümleri Blog Rehberi | GBC</title><meta name="description" content="İstanbul'da ofis kiralama, sanal ofis, coworking ve iÅ dünyası trendleri hakkında GBC Blog yazıları. Uzman içerikler ve pratik rehberler."><meta name="robots" content="index, follow, max-image-preview:large"><link rel="canonical" href="https://www.galatabusinesscenter.com.tr/blog/"><!-- Hreflang (only when valid alternate exists) --><link rel="alternate" hreflang="tr" href="https://www.galatabusinesscenter.com.tr/blog/"><link rel="alternate" hreflang="en" href="https://www.galatabusinesscenter.com.tr/en/blog/"><link rel="alternate" hreflang="x-default" href="https://www.galatabusinesscenter.com.tr/blog/"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:title" content="Ofis Ãözümleri Blog Rehberi | GBC"><meta property="og:description" content="İstanbul'da ofis kiralama, sanal ofis, coworking ve iÅ dünyası trendleri hakkında GBC Blog yazıları. Uzman içerikler ve pratik rehberler."><meta property="og:image" content="https://www.galatabusinesscenter.com.tr/og-image.jpg"><meta property="og:url" content="https://www.galatabusinesscenter.com.tr/blog/"><meta property="og:locale" content="tr_TR"><meta property="og:site_name" content="Galata Business Center"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Ofis Ãözümleri Blog Rehberi | GBC"><meta name="twitter:description" content="İstanbul'da ofis kiralama, sanal ofis, coworking ve iÅ dünyası trendleri hakkında GBC Blog yazıları. Uzman içerikler ve pratik rehberler."><meta name="twitter:image" content="https://www.galatabusinesscenter.com.tr/og-image.jpg"><!-- Preconnect (Analytics) â fonts self-hosted via @fontsource-variable --><!-- Sanity preconnect removed: not used on initial render (Lighthouse 2026-05-18) --><link rel="dns-prefetch" href="https://www.googletagmanager.com"><!-- Favicon --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><!-- Analytics deferred to body end for performance --><!-- Schema.org Organization JSON-LD -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://www.galatabusinesscenter.com.tr/#organization","name":"Galata Business Center","alternateName":"GBC","url":"https://www.galatabusinesscenter.com.tr","logo":{"@type":"ImageObject","url":"https://www.galatabusinesscenter.com.tr/images/logo/gbc-logo.png"},"foundingDate":"2015","contactPoint":[{"@type":"ContactPoint","telephone":"+902129360926","contactType":"customer service","email":"[email protected]","availableLanguage":["Turkish","English"]}],"address":{"@type":"PostalAddress","streetAddress":"Büyükdere Cad. Pol Center No:255","addressLocality":"İstanbul","addressRegion":"ÅiÅli","postalCode":"34394","addressCountry":"TR"},"sameAs":["https://www.instagram.com/galatabusinesscenter/","https://tr.linkedin.com/company/galatabusinesscenter","https://www.youtube.com/@galatabusinesscenter8038"],"numberOfEmployees":{"@type":"QuantitativeValue","minValue":10,"maxValue":50},"slogan":"İstanbul'un Kalbinde, Prestijli Ofisiniz Hazır","award":"İstanbul'un Lider Esnek Ofis Markası â 500+ Aktif Åirket","areaServed":{"@type":"City","name":"İstanbul","containedInPlace":{"@type":"Country","name":"Türkiye"}},"knowsAbout":["Sanal Ofis","Hazır Ofis","Coworking","Toplantı Odası","Enterprise Ofis","Virtual Office","Serviced Office","Business Address Istanbul","Flexible Workspace","Istanbul Office Rental"],"hasOfferCatalog":{"@type":"OfferCatalog","name":"GBC Hizmet KataloÄu","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Sanal Ofis","url":"https://www.galatabusinesscenter.com.tr/sanal-ofis"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Hazır Ofis","url":"https://www.galatabusinesscenter.com.tr/hazir-ofis"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Coworking","url":"https://www.galatabusinesscenter.com.tr/coworking"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Toplantı Odası","url":"https://www.galatabusinesscenter.com.tr/toplanti-odasi"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Enterprise Ofis","url":"https://www.galatabusinesscenter.com.tr/enterprise"}}]}}</script>
1<!-- Schema.org LocalBusiness JSON-LD (HQ) -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","@id":"https://www.galatabusinesscenter.com.tr/#localbusiness","name":"Galata Business Center","image":"https://www.galatabusinesscenter.com.tr/images/logo/gbc-logo.png","telephone":"+902129360926","email":"[email protected]","url":"https://www.galatabusinesscenter.com.tr","priceRange":"âºâº","address":{"@type":"PostalAddress","streetAddress":"Büyükdere Cad. Pol Center No:255","addressLocality":"İstanbul","addressRegion":"ÅiÅli","postalCode":"34394","addressCountry":"TR"},"geo":{"@type":"GeoCoordinates","latitude":41.0795,"longitude":29.0113},"openingHoursSpecification":{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],"opens":"00:00","closes":"23:59"},"foundingDate":"2015","parentOrganization":{"@id":"https://www.galatabusinesscenter.com.tr/#organization"}}</script>
1<!-- Schema.org WebSite JSON-LD -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://www.galatabusinesscenter.com.tr/#website","url":"https://www.galatabusinesscenter.com.tr","name":"Galata Business Center","alternateName":"GBC","publisher":{"@id":"https://www.galatabusinesscenter.com.tr/#organization"},"inLanguage":["tr-TR","en-US"]}</script>
1<!-- Per-page extra head content (JSON-LD, preloads, etc.) --><!-- GTM-NJ8SB5R3 KALDIRILDI (16 May 2026) 2 Neden: GTM container içinde GA4 (G-PM41G0DFQ0) tag'i vardı. 3 Analytics.astro zaten aynı GA4 + Ads tag'lerini yüklüyor. 4 Sonuç: GA4 çift ateÅleme â tüm pageview/event metrikleri ÅiÅikti. 5 Tüm tracking Analytics.astro üzerinden devam ediyor. 6 GTM'e geri dönülecekse: ÃNCE Analytics.astro'daki gtag.js kaldırılmalı. --><style>/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-lime-400:oklch(84.1% .238 128.85);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-cyan-500:oklch(71.5% .143 215.221);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-300:oklch(82.8% .111 230.318);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;
6--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-gbc-primary:#4c5ca9;--color-gbc-primary-dark:#3a4785;--color-gbc-secondary:#2e3638;--color-gbc-accent:#8fceed;--color-gbc-cream:#f8f9fc;--color-gbc-success:#10b981;--color-surface:#fafafc;--color-text-primary:#1a1818;--color-text-secondary:#54595f;--color-text-muted:#717171;--font-display:"Lora Variable", Georgia, "Times New Roman", serif;--font-body:"Plus Jakarta Sans", sans-serif;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth-spring:cubic-bezier(.22, 1, .36, 1);--ease-premium:cubic-bezier(.16, 1, .3, 1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}
6::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.end-4{inset-inline-end:calc(var(--spacing) * 4)}.-top-10{top:calc(var(--spacing) * -10)}.-top-20{top:calc(var(--spacing) * -20)}.-top-32{top:calc(var(--spacing) * -32)}.-top-\[20\%\]{top:-20%}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-10{top:calc(var(--spacing) * 10)}.top-12{top:calc(var(--spacing) * 12)}.top-24{top:calc(var(--spacing) * 24)}.top-\[50\%\]{top:50%}.top-\[99\%\]{top:99%}.top-full{top:100%}.-right-4{right:calc(var(--spacing) * -4)}.-right-10{right:calc(var(--spacing) * -10)}.-right-20{right:calc(var(--spacing) * -20)}.-right-48{right:calc(var(--spacing) * -48)}.-right-\[6\%\]{right:-6%}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\/4{right:25%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.right-\[10\%\]{right:10%}.-bottom-10{bottom:calc(var(--spacing) * -10)}.-bottom-20{bottom:calc(var(--spacing) * -20)}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.bottom-1\/4{bottom:25%}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-full{bottom:100%}.-left-4{left:calc(var(--spacing) * -4)}.-left-10{left:calc(var(--spacing) * -10)}.-left-20{left:calc(var(--spacing) * -20)}.-left-64{left:calc(var(--spacing) * -64)}.-left-\[80px\]{left:-80px}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-\[10\%\]{left:10%}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-\(--index\){z-index:var(--index)}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-500{z-index:500}.z-\[1\]{z-index:1}.z-\[45\]{z-index:45}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-8{grid-column:span 8/span 8}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-1{margin-inline:var(--spacing)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.ms-auto{margin-inline-start:auto}.-mt-12{margin-top:calc(var(--spacing) * -12)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}
6.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\[18px\]{margin-top:18px}.mt-auto{margin-top:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mr-6{margin-right:calc(var(--spacing) * 6)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[16\/10\]{aspect-ratio:16/10}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-full{width:100%;height:100%}.h-0{height:0}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-60{height:calc(var(--spacing) * 60)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-\[1\.2em\]{height:1.2em}.h-\[2px\]{height:2px}.h-\[4px\]{height:4px}.h-\[5px\]{height:5px}.h-\[6px\]{height:6px}.h-\[7px\]{height:7px}.h-\[8px\]{height:8px}.h-\[9px\]{height:9px}.h-\[10px\]{height:10px}.h-\[11px\]{height:11px}.h-\[12px\]{height:12px}.h-\[18px\]{height:18px}.h-\[24px\]{height:24px}.h-\[34px\]{height:34px}.h-\[38vw\]{height:38vw}.h-\[82px\]{height:82px}.h-\[85vh\]{height:85vh}.h-\[100px\]{height:100px}.h-\[112px\]{height:112px}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[340px\]{height:340px}.h-\[350px\]{height:350px}.h-\[400px\]{height:400px}.h-\[450px\]{height:450px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\[75vh\]{max-height:75vh}.max-h-\[80px\]{max-height:80px}.max-h-\[85vh\]{max-height:85vh}.max-h-\[95\%\]{max-height:95%}.max-h-\[120px\]{max-height:120px}.max-h-\[480px\]{max-height:480px}.max-h-\[500px\]{max-height:500px}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[calc\(100vh-250px\)\]{max-height:calc(100vh - 250px)}.max-h-screen{max-height:100vh}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[70vh\]{min-height:70vh}.min-h-\[72px\]{min-height:72px}.min-h-\[100px\]{min-height:100px}.min-h-\[400px\]{min-height:400px}.min-h-fit{min-height:fit-content}.min-h-screen{min-height:100vh}.\!w-8{width:calc(var(--spacing) * 8)!important}.w-0{width:0}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[10\%\]{width:10%}.w-\[18px\]{width:18px}.w-\[24px\]{width:24px}.w-\[34px\]{width:34px}.w-\[38vw\]{width:38vw}.w-\[55vw\]{width:55vw}.w-\[68px\]{width:68px}.w-\[75vw\]{width:75vw}.w-\[112px\]{width:112px}
6.w-\[200px\]{width:200px}.w-\[260px\]{width:260px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[350px\]{width:350px}.w-\[400px\]{width:400px}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[1200px\]{width:1200px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.\!max-w-5xl{max-width:var(--container-5xl)!important}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[10\%\]{max-width:10%}.max-w-\[15ch\]{max-width:15ch}.max-w-\[44ch\]{max-width:44ch}.max-w-\[90vw\]{max-width:90vw}.max-w-\[480px\]{max-width:480px}.max-w-\[500px\]{max-width:500px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[4px\]{min-width:4px}.min-w-\[5px\]{min-width:5px}.min-w-\[6px\]{min-width:6px}.min-w-\[7px\]{min-width:7px}.min-w-\[8px\]{min-width:8px}.min-w-\[9px\]{min-width:9px}.min-w-\[10px\]{min-width:10px}.min-w-\[11px\]{min-width:11px}.min-w-\[12px\]{min-width:12px}.min-w-\[16px\]{min-width:16px}.min-w-\[20px\]{min-width:20px}.min-w-\[24px\]{min-width:24px}.min-w-\[40px\]{min-width:40px}.min-w-\[50px\]{min-width:50px}.min-w-\[54px\]{min-width:54px}.min-w-\[320px\]{min-width:320px}.min-w-\[1500px\]{min-width:1500px}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-\(--reka-dropdown-menu-content-transform-origin\){transform-origin:var(--reka-dropdown-menu-content-transform-origin)}.origin-center{transform-origin:50%}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2,.-translate-x-\[50\%\]{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x: 50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2,.-translate-y-\[50\%\]{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y: 50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3{--tw-translate-y:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-none{translate:none}.scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-\(--transform\){transform:var(--transform)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.snap-start{scroll-snap-align:start}.scroll-py-1{scroll-padding-block:var(--spacing)}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-\[min-content_1fr\]{grid-template-rows:min-content 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}
6.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}:where(.-space-x-px>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-1px * var(--tw-space-x-reverse));margin-inline-end:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.gap-y-12{row-gap:calc(var(--spacing) * 12)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[9px\]{border-radius:9px}
6.rounded-\[13px\]{border-radius:13px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-gbc-accent{border-color:var(--color-gbc-accent)}.border-gbc-accent\/20{border-color:#8fceed33}@supports (color:color-mix(in lab,red,red)){.border-gbc-accent\/20{border-color:color-mix(in oklab,var(--color-gbc-accent) 20%,transparent)}}.border-gbc-accent\/30{border-color:#8fceed4d}@supports (color:color-mix(in lab,red,red)){.border-gbc-accent\/30{border-color:color-mix(in oklab,var(--color-gbc-accent) 30%,transparent)}}.border-gbc-primary{border-color:var(--color-gbc-primary)}.border-gbc-primary\/10{border-color:#4c5ca91a}@supports (color:color-mix(in lab,red,red)){.border-gbc-primary\/10{border-color:color-mix(in oklab,var(--color-gbc-primary) 10%,transparent)}}.border-gbc-primary\/15{border-color:#4c5ca926}@supports (color:color-mix(in lab,red,red)){.border-gbc-primary\/15{border-color:color-mix(in oklab,var(--color-gbc-primary) 15%,transparent)}}.border-gbc-primary\/20{border-color:#4c5ca933}@supports (color:color-mix(in lab,red,red)){.border-gbc-primary\/20{border-color:color-mix(in oklab,var(--color-gbc-primary) 20%,transparent)}}.border-gbc-primary\/30{border-color:#4c5ca94d}@supports (color:color-mix(in lab,red,red)){.border-gbc-primary\/30{border-color:color-mix(in oklab,var(--color-gbc-primary) 30%,transparent)}}.border-gbc-primary\/40{border-color:#4c5ca966}@supports (color:color-mix(in lab,red,red)){.border-gbc-primary\/40{border-color:color-mix(in oklab,var(--color-gbc-primary) 40%,transparent)}}.border-gbc-primary\/60{border-color:#4c5ca999}@supports (color:color-mix(in lab,red,red)){.border-gbc-primary\/60{border-color:color-mix(in oklab,var(--color-gbc-primary) 60%,transparent)}}.border-gbc-secondary\/10{border-color:#2e36381a}@supports (color:color-mix(in lab,red,red)){.border-gbc-secondary\/10{border-color:color-mix(in oklab,var(--color-gbc-secondary) 10%,transparent)}}.border-gbc-success\/15{border-color:#10b98126}@supports (color:color-mix(in lab,red,red)){.border-gbc-success\/15{border-color:color-mix(in oklab,var(--color-gbc-success) 15%,transparent)}}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\/60{border-color:#e5e7eb99}@supports (color:color-mix(in lab,red,red)){.border-gray-200\/60{border-color:color-mix(in oklab,var(--color-gray-200) 60%,transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-red-200{border-color:var(--color-red-200)}.border-red-400{border-color:var(--color-red-400)}.border-red-700{border-color:var(--color-red-700)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.border-white\/50{border-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-600{border-color:var(--color-yellow-600)}.\!bg-gbc-primary{background-color:var(--color-gbc-primary)!important}.bg-\[\#25D366\]{background-color:#25d366}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-black\/0{background-color:color-mix(in oklab,var(--color-black) 0%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/95{background-color:#000000f2}@supports (color:color-mix(in lab,red,red)){.bg-black\/95{background-color:color-mix(in oklab,var(--color-black) 95%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-gbc-accent{background-color:var(--color-gbc-accent)}.bg-gbc-accent\/5{background-color:#8fceed0d}@supports (color:color-mix(in lab,red,red)){.bg-gbc-accent\/5{background-color:color-mix(in oklab,var(--color-gbc-accent) 5%,transparent)}}.bg-gbc-accent\/10{background-color:#8fceed1a}@supports (color:color-mix(in lab,red,red)){.bg-gbc-accent\/10{background-color:color-mix(in oklab,var(--color-gbc-accent) 10%,transparent)}}.bg-gbc-accent\/15{background-color:#8fceed26}@supports (color:color-mix(in lab,red,red)){.bg-gbc-accent\/15{background-color:color-mix(in oklab,var(--color-gbc-accent) 15%,transparent)}}.bg-gbc-accent\/20{background-color:#8fceed33}@supports (color:color-mix(in lab,red,red)){.bg-gbc-accent\/20{background-color:color-mix(in oklab,var(--color-gbc-accent) 20%,transparent)}}.bg-gbc-cream{background-color:var(--color-gbc-cream)}.bg-gbc-cream\/40{background-color:#f8f9fc66}@supports (color:color-mix(in lab,red,red)){.bg-gbc-cream\/40{background-color:color-mix(in oklab,var(--color-gbc-cream) 40%,transparent)}}.bg-gbc-cream\/50{background-color:#f8f9fc80}@supports (color:color-mix(in lab,red,red)){.bg-gbc-cream\/50{background-color:color-mix(in oklab,var(--color-gbc-cream) 50%,transparent)}}.bg-gbc-cream\/60{background-color:#f8f9fc99}@supports (color:color-mix(in lab,red,red)){.bg-gbc-cream\/60{background-color:color-mix(in oklab,var(--color-gbc-cream) 60%,transparent)}}.bg-gbc-cream\/70{background-color:#f8f9fcb3}@supports (color:color-mix(in lab,red,red)){.bg-gbc-cream\/70{background-color:color-mix(in oklab,var(--color-gbc-cream) 70%,transparent)}}.bg-gbc-primary{background-color:var(--color-gbc-primary)}.bg-gbc-primary\/5{background-color:#4c5ca90d}@supports (color:color-mix(in lab,red,red)){.bg-gbc-primary\/5{background-color:color-mix(in oklab,var(--color-gbc-primary) 5%,transparent)}}.bg-gbc-primary\/8{background-color:#4c5ca914}@supports (color:color-mix(in lab,red,red)){.bg-gbc-primary\/8{background-color:color-mix(in oklab,var(--color-gbc-primary) 8%,transparent)}}.bg-gbc-primary\/10{background-color:#4c5ca91a}@supports (color:color-mix(in lab,red,red)){.bg-gbc-primary\/10{background-color:color-mix(in oklab,var(--color-gbc-primary) 10%,transparent)}}.bg-gbc-primary\/15{background-color:#4c5ca926}@supports (color:color-mix(in lab,red,red)){.bg-gbc-primary\/15{background-color:color-mix(in oklab,var(--color-gbc-primary) 15%,transparent)}}.bg-gbc-primary\/20{background-color:#4c5ca933}@supports (color:color-mix(in lab,red,red)){.bg-gbc-primary\/20{background-color:color-mix(in oklab,var(--color-gbc-primary) 20%,transparent)}}.bg-gbc-primary\/30{background-color:#4c5ca94d}@supports (color:color-mix(in lab,red,red)){.bg-gbc-primary\/30{background-color:color-mix(in oklab,var(--color-gbc-primary) 30%,transparent)}}.bg-gbc-primary\/40{background-color:#4c5ca966}@supports (color:color-mix(in lab,red,red)){.bg-gbc-primary\/40{background-color:color-mix(in oklab,var(--color-gbc-primary) 40%,transparent)}}.bg-gbc-primary\/80{background-color:#4c5ca9cc}@supports (color:color-mix(in lab,red,red)){.bg-gbc-primary\/80{background-color:color-mix(in oklab,var(--color-gbc-primary) 80%,transparent)}}.bg-gbc-primary\/\[0\.03\]{background-color:#4c5ca908}@supports (color:color-mix(in lab,red,red)){.bg-gbc-primary\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-gbc-primary) 3%,transparent)}}.bg-gbc-secondary{background-color:var(--color-gbc-secondary)}.bg-gbc-success{background-color:var(--color-gbc-success)}.bg-gbc-success\/5{background-color:#10b9810d}@supports (color:color-mix(in lab,red,red)){.bg-gbc-success\/5{background-color:color-mix(in oklab,var(--color-gbc-success) 5%,transparent)}}.bg-gbc-success\/10{background-color:#10b9811a}@supports (color:color-mix(in lab,red,red)){.bg-gbc-success\/10{background-color:color-mix(in oklab,var(--color-gbc-success) 10%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-100\/80{background-color:#f3f4f6cc}@supports (color:color-mix(in lab,red,red)){.bg-gray-100\/80{background-color:color-mix(in oklab,var(--color-gray-100) 80%,transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/99{background-color:#101828fc}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/99{background-color:color-mix(in oklab,var(--color-gray-900) 99%,transparent)}}.bg-green-300{background-color:var(--color-green-300)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-500{background-color:var(--color-red-500)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.bg-white\/98{background-color:#fffffffa}@supports (color:color-mix(in lab,red,red)){.bg-white\/98{background-color:color-mix(in oklab,var(--color-white) 98%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-300{background-color:var(--color-yellow-300)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_30\%_30\%\,rgba\(76\,92\,169\,0\.2\)\,transparent_70\%\)\]{background-image:radial-gradient(circle at 30% 30%,#4c5ca933,#0000 70%)}.bg-\[radial-gradient\(circle_at_30\%_30\%\,rgba\(76\,92\,169\,0\.12\)\,transparent_70\%\)\]{background-image:radial-gradient(circle at 30% 30%,#4c5ca91f,#0000 70%)}.bg-\[radial-gradient\(circle_at_30\%_30\%\,rgba\(107\,123\,196\,0\.12\)\,transparent_70\%\)\]{background-image:radial-gradient(circle at 30% 30%,#6b7bc41f,#0000 70%)}.bg-\[radial-gradient\(circle_at_30\%_30\%\,rgba\(143\,206\,237\,0\.12\)\,transparent_70\%\)\]{background-image:radial-gradient(circle at 30% 30%,#8fceed1f,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(76\,92\,169\,0\.1\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,#4c5ca91a,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(76\,92\,169\,0\.2\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,#4c5ca933,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(76\,92\,169\,0\.04\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,#4c5ca90a,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(76\,92\,169\,0\.05\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,#4c5ca90d,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(76\,92\,169\,0\.06\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,#4c5ca90f,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(76\,92\,169\,0\.08\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,#4c5ca914,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(76\,92\,169\,0\.15\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,#4c5ca926,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(143\,206\,237\,0\.1\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,#8fceed1a,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(143\,206\,237\,0\.06\)\,transparent_70\%\)\]{backgrou
6nd-image:radial-gradient(circle,#8fceed0f,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(143\,206\,237\,0\.08\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,#8fceed14,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(143\,206\,237\,0\.15\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,#8fceed26,#0000 70%)}.bg-\[radial-gradient\(circle_at_70\%_70\%\,rgba\(143\,206\,237\,0\.15\)\,transparent_70\%\)\]{background-image:radial-gradient(circle at 70% 70%,#8fceed26,#0000 70%)}.from-black{--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/20{--tw-gradient-from:#0003}@supports (color:color-mix(in lab,red,red)){.from-black\/20{--tw-gradient-from:color-mix(in oklab, var(--color-black) 20%, transparent)}}.from-black\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/30{--tw-gradient-from:#0000004d}@supports (color:color-mix(in lab,red,red)){.from-black\/30{--tw-gradient-from:color-mix(in oklab, var(--color-black) 30%, transparent)}}.from-black\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/40{--tw-gradient-from:#0006}@supports (color:color-mix(in lab,red,red)){.from-black\/40{--tw-gradient-from:color-mix(in oklab, var(--color-black) 40%, transparent)}}.from-black\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/50{--tw-gradient-from:#00000080}@supports (color:color-mix(in lab,red,red)){.from-black\/50{--tw-gradient-from:color-mix(in oklab, var(--color-black) 50%, transparent)}}.from-black\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab,red,red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab, var(--color-black) 70%, transparent)}}.from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/85{--tw-gradient-from:#000000d9}@supports (color:color-mix(in lab,red,red)){.from-black\/85{--tw-gradient-from:color-mix(in oklab, var(--color-black) 85%, transparent)}}.from-black\/85{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gbc-accent{--tw-gradient-from:var(--color-gbc-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gbc-accent\/20{--tw-gradient-from:#8fceed33}@supports (color:color-mix(in lab,red,red)){.from-gbc-accent\/20{--tw-gradient-from:color-mix(in oklab, var(--color-gbc-accent) 20%, transparent)}}.from-gbc-accent\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gbc-cream{--tw-gradient-from:var(--color-gbc-cream);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gbc-cream\/\[0\.97\]{--tw-gradient-from:#f8f9fcf7}@supports (color:color-mix(in lab,red,red)){.from-gbc-cream\/\[0\.97\]{--tw-gradient-from:color-mix(in oklab, var(--color-gbc-cream) 97%, transparent)}}.from-gbc-cream\/\[0\.97\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gbc-primary{--tw-gradient-from:var(--color-gbc-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gbc-primary\/5{--tw-gradient-from:#4c5ca90d}@supports (color:color-mix(in lab,red,red)){.from-gbc-primary\/5{--tw-gradient-from:color-mix(in oklab, var(--color-gbc-primary) 5%, transparent)}}.from-gbc-primary\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gbc-primary\/20{--tw-gradient-from:#4c5ca933}@supports (color:color-mix(in lab,red,red)){.from-gbc-primary\/20{--tw-gradient-from:color-mix(in oklab, var(--color-gbc-primary) 20%, transparent)}}.from-gbc-primary\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gbc-secondary{--tw-gradient-from:var(--color-gbc-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gbc-secondary\/60{--tw-gradient-from:#2e363899}@supports (color:color-mix(in lab,red,red)){.from-gbc-secondary\/60{--tw-gradient-from:color-mix(in oklab, var(--color-gbc-secondary) 60%, transparent)}}.from-gbc-secondary\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gbc-secondary\/95{--tw-gradient-from:#2e3638f2}@supports (color:color-mix(in lab,red,red)){.from-gbc-secondary\/95{--tw-gradient-from:color-mix(in oklab, var(--color-gbc-secondary) 95%, transparent)}}.from-gbc-secondary\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-50{--tw-gradient-from:var(--color-red-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-50{--tw-gradient-from:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-50\/50{--tw-gradient-from:#f0f9ff80}@supports (color:color-mix(in lab,red,red)){.from-sky-50\/50{--tw-gradient-from:color-mix(in oklab, var(--color-sky-50) 50%, transparent)}}.from-sky-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/\[0\.92\]{--tw-gradient-from:#ffffffeb}@supports (color:color-mix(in lab,red,red)){.from-white\/\[0\.92\]{--tw-gradient-from:color-mix(in oklab, var(--color-white) 92%, transparent)}}.from-white\/\[0\.92\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-black{--tw-gradient-via:var(--color-black);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-p
6osition), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/20{--tw-gradient-via:#0003}@supports (color:color-mix(in lab,red,red)){.via-black\/20{--tw-gradient-via:color-mix(in oklab, var(--color-black) 20%, transparent)}}.via-black\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/30{--tw-gradient-via:#0000004d}@supports (color:color-mix(in lab,red,red)){.via-black\/30{--tw-gradient-via:color-mix(in oklab, var(--color-black) 30%, transparent)}}.via-black\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gbc-accent{--tw-gradient-via:var(--color-gbc-accent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gbc-accent\/10{--tw-gradient-via:#8fceed1a}@supports (color:color-mix(in lab,red,red)){.via-gbc-accent\/10{--tw-gradient-via:color-mix(in oklab, var(--color-gbc-accent) 10%, transparent)}}.via-gbc-accent\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gbc-cream{--tw-gradient-via:var(--color-gbc-cream);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gbc-cream\/90{--tw-gradient-via:#f8f9fce6}@supports (color:color-mix(in lab,red,red)){.via-gbc-cream\/90{--tw-gradient-via:color-mix(in oklab, var(--color-gbc-cream) 90%, transparent)}}.via-gbc-cream\/90{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gbc-primary{--tw-gradient-via:var(--color-gbc-primary);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gbc-primary-dark{--tw-gradient-via:var(--color-gbc-primary-dark);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gbc-primary\/40{--tw-gradient-via:#4c5ca966}@supports (color:color-mix(in lab,red,red)){.via-gbc-primary\/40{--tw-gradient-via:color-mix(in oklab, var(--color-gbc-primary) 40%, transparent)}}.via-gbc-primary\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gbc-secondary{--tw-gradient-via:var(--color-gbc-secondary);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gbc-secondary\/70{--tw-gradient-via:#2e3638b3}@supports (color:color-mix(in lab,red,red)){.via-gbc-secondary\/70{--tw-gradient-via:color-mix(in oklab, var(--color-gbc-secondary) 70%, transparent)}}.via-gbc-secondary\/70{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-p
6osition), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gbc-secondary\/80{--tw-gradient-via:#2e3638cc}@supports (color:color-mix(in lab,red,red)){.via-gbc-secondary\/80{--tw-gradient-via:color-mix(in oklab, var(--color-gbc-secondary) 80%, transparent)}}.via-gbc-secondary\/80{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/85{--tw-gradient-via:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.via-white\/85{--tw-gradient-via:color-mix(in oklab, var(--color-white) 85%, transparent)}}.via-white\/85{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-black{--tw-gradient-to:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black\/10{--tw-gradient-to:#0000001a}@supports (color:color-mix(in lab,red,red)){.to-black\/10{--tw-gradient-to:color-mix(in oklab, var(--color-black) 10%, transparent)}}.to-black\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-accent{--tw-gradient-to:var(--color-gbc-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-accent\/5{--tw-gradient-to:#8fceed0d}@supports (color:color-mix(in lab,red,red)){.to-gbc-accent\/5{--tw-gradient-to:color-mix(in oklab, var(--color-gbc-accent) 5%, transparent)}}.to-gbc-accent\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-accent\/10{--tw-gradient-to:#8fceed1a}@supports (color:color-mix(in lab,red,red)){.to-gbc-accent\/10{--tw-gradient-to:color-mix(in oklab, var(--color-gbc-accent) 10%, transparent)}}.to-gbc-accent\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-accent\/20{--tw-gradient-to:#8fceed33}@supports (color:color-mix(in lab,red,red)){.to-gbc-accent\/20{--tw-gradient-to:color-mix(in oklab, var(--color-gbc-accent) 20%, transparent)}}.to-gbc-accent\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-cream{--tw-gradient-to:var(--color-gbc-cream);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-cream\/75{--tw-gradient-to:#f8f9fcbf}@supports (color:color-mix(in lab,red,red)){.to-gbc-cream\/75{--tw-gradient-to:color-mix(in oklab, var(--color-gbc-cream) 75%, transparent)}}.to-gbc-cream\/75{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-primary{--tw-gradient-to:var(--color-gbc-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-primary-dark{--tw-gradient-to:var(--color-gbc-primary-dark);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-primary\/20{--tw-gradient-to:#4c5ca933}@supports (color:color-mix(in lab,red,red)){.to-gbc-primary\/20{--tw-gradient-to:color-mix(in oklab, var(--color-gbc-primary) 20%, transparent)}}.to-gbc-primary\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-secondary{--tw-gradient-to:var(--color-gbc-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-secondary\/40{--tw-gradient-to:#2e363866}@supports (color:color-mix(in lab,red,red)){.to-gbc-secondary\/40{--tw-gradient-to:color-mix(in oklab, var(--color-gbc-secondary) 40%, transparent)}}.to-gbc-secondary\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gbc-secondary\/60{--tw-gradient-to:#2e363899}@supports (color:color-mix(in lab,red,red)){.to-gbc-secondary\/60{--tw-gradient-to:color-mix(in oklab, var(--color-gbc-secondary) 60%, transparent)}}.to-gbc-secondary\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-100{--tw-gradient-to:var(--color-red-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-100\/50{--tw-gradient-to:#ffe2e280}@supports (color:color-mix(in lab,red,red)){.to-red-100\/50{--tw-gradient-to:color-mix(in oklab, var(--color-red-100) 50%, transparent)}}.to-red-100\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-300{--tw-gradient-to:var(--color-sky-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-300\/50{--tw-gradient-to:#77d4ff80}@supports (color:color-mix(in lab,red,red)){.to-sky-300\/50{--tw-gradient-to:color-mix(in oklab, var(--color-sky-300) 50%, transparent)}}.to-sky-300\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white\/60{--tw-gradient-to:#fff9}@supports (color:color-mix(in lab,red,red)){.to-white\/60{--tw-gradient-to:color-mix(in oklab, var(--color-white) 60%, transparent)}}.to-white\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat{background-repeat:repeat}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-left{object-position:left}.object-top{object-position:top}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-start{text-align:start}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);
6line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[4px\]{font-size:4px}.text-\[5px\]{font-size:5px}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[8rem\]{font-size:8rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-bold\!{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-blue-900\/70{color:#1c398eb3}@supports (color:color-mix(in lab,red,red)){.text-blue-900\/70{color:color-mix(in oklab,var(--color-blue-900) 70%,transparent)}}.text-gbc-accent{color:var(--color-gbc-accent)}.text-gbc-primary{color:var(--color-gbc-primary)}.text-gbc-primary\/10{color:#4c5ca91a}@supports (color:color-mix(in lab,red,red)){.text-gbc-primary\/10{color:color-mix(in oklab,var(--color-gbc-primary) 10%,transparent)}}.text-gbc-primary\/20{color:#4c5ca933}@supports (color:color-mix(in lab,red,red)){.text-gbc-primary\/20{color:color-mix(in oklab,var(--color-gbc-primary) 20%,transparent)}}.text-gbc-primary\/25{color:#4c5ca940}@supports (color:color-mix(in lab,red,red)){.text-gbc-primary\/25{color:color-mix(in oklab,var(--color-gbc-primary) 25%,transparent)}}.text-gbc-primary\/30{color:#4c5ca94d}@supports (color:color-mix(in lab,red,red)){.text-gbc-primary\/30{color:color-mix(in oklab,var(--color-gbc-primary) 30%,transparent)}}.text-gbc-primary\/40{color:#4c5ca966}@supports (color:color-mix(in lab,red,red)){.text-gbc-primary\/40{color:color-mix(in oklab,var(--color-gbc-primary) 40%,transparent)}}.text-gbc-primary\/50{color:#4c5ca980}@supports (color:color-mix(in lab,red,red)){.text-gbc-primary\/50{color:color-mix(in oklab,var(--color-gbc-primary) 50%,transparent)}}.text-gbc-primary\/60{color:#4c5ca999}@supports (color:color-mix(in lab,red,red)){.text-gbc-primary\/60{color:color-mix(in oklab,var(--color-gbc-primary) 60%,transparent)}}.text-gbc-secondary{color:var(--color-gbc-secondary)}.text-gbc-secondary\/60{color:#2e363899}@supports (color:color-mix(in lab,red,red)){.text-gbc-secondary\/60{color:color-mix(in oklab,var(--color-gbc-secondary) 60%,transparent)}}.text-gbc-success{color:var(--color-gbc-success)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-500{color:var(--color-green-500)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-teal-100{color:var(--color-teal-100)}.text-teal-700{color:var(--color-teal-700)}.text-teal-900{color:var(--color-teal-900)}.text-text-muted{color:var(--color-text-muted)}.text-text-secondary{color:var(--color-text-secondary)}.text-text-secondary\/50{color:#54595f80}@supports (color:color-mix(in lab,red,red)){.text-text-secondary\/50{color:color-mix(in oklab,var(--color-text-secondary) 50%,transparent)}}.text-text-secondary\/60{color:#54595f99}@supports (color:color-mix(in lab,red,red)){.text-text-secondary\/60{color:color-mix(in oklab,var(--color-text-secondary) 60%,transparent)}}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.text-white\/45{color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.text-white\/55{color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
6.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.accent-gbc-primary{accent-color:var(--color-gbc-primary)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}
6.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow\!{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.04\)\,0_8px_24px_rgba\(0\,0\,0\,0\.02\)\]{--tw-shadow:0 1px 3px var(--tw-sha
6dow-color,#0000000a), 0 8px 24px var(--tw-shadow-color,#00000005);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_15px_rgba\(76\,92\,169\,0\.08\)\]{--tw-shadow:0 4px 15px var(--tw-shadow-color,#4c5ca914);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-black{--tw-shadow-color:#000}@supports (color:color-mix(in lab,red,red)){.shadow-black{--tw-shadow-color:color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent)}}.shadow-black\/5{--tw-shadow-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.shadow-black\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-gbc-primary{--tw-shadow-color:#4c5ca9}@supports (color:color-mix(in lab,red,red)){.shadow-gbc-primary{--tw-shadow-color:color-mix(in oklab, var(--color-gbc-primary) var(--tw-sha
6dow-alpha), transparent)}}.shadow-gbc-primary\/10{--tw-shadow-color:#4c5ca91a}@supports (color:color-mix(in lab,red,red)){.shadow-gbc-primary\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gbc-primary) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-gbc-primary\/25{--tw-shadow-color:#4c5ca940}@supports (color:color-mix(in lab,red,red)){.shadow-gbc-primary\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gbc-primary) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-blue-200{--tw-ring-color:var(--color-blue-200)}.ring-gbc-primary{--tw-ring-color:var(--color-gbc-primary)}.ring-gbc-primary\/10{--tw-ring-color:#4c5ca91a}@supports (color:color-mix(in lab,red,red)){.ring-gbc-primary\/10{--tw-ring-color:color-mix(in oklab, var(--color-gbc-primary) 10%, transparent)}}.ring-gbc-primary\/20{--tw-ring-color:#4c5ca933}@supports (color:color-mix(in lab,red,red)){.ring-gbc-primary\/20{--tw-ring-color:color-mix(in oklab, var(--color-gbc-primary) 20%, transparent)}}.ring-red-300{--tw-ring-color:var(--color-red-300)}.ring-white{--tw-ring-color:var(--color-white)}.ring-white\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.ring-white\/20{--tw-ring-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.ring-offset-blue-400{--tw-ring-offset-color:var(--color-blue-400)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-green-200{outline-color:var(--color-green-200)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[30px\]{--tw-blur:blur(30px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[40px\]{--tw-blur:blur(40px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[60px\]{--tw-blur:blur(60px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale-\[30\%\]{--tw-grayscale:grayscale(30%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[bottom\]{transition-property:bottom;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,translate\,height\]{transition-property:transform,translate,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
6.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-2000{--tw-duration:2s;transition-duration:2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.outline-none\!{--tw-outline-style:none!important;outline-style:none!important}.select-none{-webkit-user-select:none;user-select:none}.\[xml\:lang\]{xml:lang}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.ring-inset{--tw-ring-inset:inset}.not-last\:not-first\:rounded-none:not(:last-child):not(:first-child){border-radius:0}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-3:is(:where(.group):hover *){rotate:3deg}.group-hover\:gap-2:is(:where(.group):hover *){gap:calc(var(--spacing) * 2)}.group-hover\:gap-3:is(:where(.group):hover *){gap:calc(var(--spacing) * 3)}.group-hover\:bg-black\/20:is(:where(.group):hover *){background-color:#0003}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-black\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.group-hover\:bg-gbc-primary\/15:is(:where(.group):hover *){background-color:#4c5ca926}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-gbc-primary\/15:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-gbc-primary) 15%,transparent)}}.group-hover\:bg-gbc-primary\/20:is(:where(.group):hover *){background-color:#4c5ca933}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-gbc-primary\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-gbc-primary) 20%,transparent)}}.group-hover\:text-gbc-primary:is(:where(.group):hover *){color:var(--color-gbc-primary)}.group-hover\:text-gray-600:is(:where(.group):hover *){color:var(--color-gray-600)}.group-hover\:text-gray-700:is(:where(.group):hover *){color:var(--color-gray-700)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-lg:is(:where(.group):hover *){--tw-shadow:0 10px 15px -3px var(--tw-sha
6dow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-hover\:shadow-md:is(:where(.group):hover *){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-hover\:shadow-gbc-primary\/20:is(:where(.group):hover *){--tw-shadow-color:#4c5ca933}@supports (color:color-mix(in lab,red,red)){.group-hover\:shadow-gbc-primary\/20:is(:where(.group):hover *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gbc-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.group-hover\/carousel\:opacity-100:is(:where(.group\/carousel):hover *){opacity:1}.group-hover\/cta\:translate-x-0\.5:is(:where(.group\/cta):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/cta\:border-gbc-primary:is(:where(.group\/cta):hover *){border-color:var(--color-gbc-primary)}.group-hover\/cta\:bg-gbc-primary:is(:where(.group\/cta):hover *){background-color:var(--color-gbc-primary)}.group-hover\/cta\:text-white:is(:where(.group\/cta):hover *){color:var(--color-white)}}.group-focus\:opacity-100:is(:where(.group):focus *){opacity:1}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-px:before{content:var(--tw-content);inset:1px}.before\:z-\[-1\]:before{content:var(--tw-content);z-index:-1}.before\:rounded-md:before{content:var(--tw-content);border-radius:var(--radius-md)}.before\:transition-colors:before{content:var(--tw-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.first\:rounded-s-md:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.not-only\:first\:rounded-e-none:not(:only-child):first-child{border-start-end-radius:0;border-end-end-radius:0}.not-only\:first\:rounded-b-none:not(:only-child):first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.last\:rounded-e-md:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.not-only\:last\:rounded-s-none:not(:only-child):last-child{border-start-start-radius:0;border-end-start-radius:0}.not-only\:last\:rounded-t-none:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0}.even\:bg-teal-50\/90:nth-child(2n){background-color:#f0fdfae6}@supports (color:color-mix(in lab,red,red)){.even\:bg-teal-50\/90:nth-child(2n){background-color:color-mix(in oklab,var(--color-teal-50) 90%,transparent)}}.focus-within\:border-gbc-primary:focus-within{border-color:var(--color-gbc-primary)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-gbc-accent\/40:hover{border-color:#8fceed66}@supports (color:color-mix(in lab,red,red)){.hover\:border-gbc-accent\/40:hover{border-color:color-mix(in oklab,var(--color-gbc-accent) 40%,transparent)}}.hover\:border-gbc-primary\/20:hover{border-color:#4c5ca933}@supports (color:color-mix(in lab,red,red)){.hover\:border-gbc-primary\/20:hover{border-color:color-mix(in oklab,var(--color-gbc-primary) 20%,transparent)}}.hover\:border-gbc-primary\/30:hover{border-color:#4c5ca94d}@supports (color:color-mix(in lab,red,red)){.hover\:border-gbc-primary\/30:hover{border-color:color-mix(in oklab,var(--color-gbc-primary) 30%,transparent)}}.hover\:border-gbc-primary\/40:hover{border-color:#4c5ca966}@supports (color:color-mix(in lab,red,red)){.hover\:border-gbc-primary\/40:hover{border-color:color-mix(in oklab,var(--color-gbc-primary) 40%,transparent)}}.hover\:border-gbc-primary\/50:hover{border-color:#4c5ca980}@supports (color:color-mix(in lab,red,red)){.hover\:border-gbc-primary\/50:hover{border-color:color-mix(in oklab,var(--color-gbc-primary) 50%,transparent)}}.hover\:border-gray-100:hover{border-color:var(--color-gray-100)}.hover\:border-gray-200:hover{border-color:var(--color-gray-200)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-900\/50:hover{background-color:#1c398e80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-900\/50:hover{background-color:color-mix(in oklab,var(--color-blue-900) 50%,transparent)}}.hover\:bg-gbc-cream:hover{background-color:var(--color-gbc-cream)}.hover\:bg-gbc-cream\/50:hover{background-color:#f8f9fc80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gbc-cream\/50:hover{background-color:color-mix(in oklab,var(--color-gbc-cream) 50%,transparent)}}.hover\:bg-gbc-cream\/70:hover{background-color:#f8f9fcb3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gbc-cream\/70:hover{background-color:color-mix(in oklab,var(--color-gbc-cream) 70%,transparent)}}.hover\:bg-gbc-primary:hover{background-color:var(--color-gbc-primary)}.hover\:bg-gbc-primary-dark:hover{background-color:var(--color-gbc-primary-dark)}.hover\:bg-gbc-primary\/5:hover{background-color:#4c5ca90d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gbc-primary\/5:hover{background-color:color-mix(in oklab,var(--color-gbc-primary) 5%,transparent)}}.hover\:bg-gbc-primary\/10:hover{background-color:#4c5ca91a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gbc-primary\/10:hover{background-color:color-mix(in oklab,var(--color-gbc-primary) 10%,transparent)}}.hover\:bg-gbc-primary\/15:hover{background-color:#4c5ca926}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gbc-primary\/15:hover{background-color:color-mix(in oklab,var(--color-gbc-primary) 15%,transparent)}}.hover\:bg-gbc-primary\/20:hover{background-color:#4c5ca933}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gbc-primary\/20:hover{background-color:color-mix(in oklab,var(--color-gbc-primary) 20%,transparent)}}.hover\:bg-gbc-primary\/\[0\.06\]:hover{background-color:#4c5ca90f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gbc-primary\/\[0\.06\]:hover{background-color:color-mix(in oklab,var(--color-gbc-primary) 6%,transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-200\/50:hover{background-color:#e5e7eb80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-200\/50:hover{background-color:color-mix(in oklab,var(--color-gray-200) 50%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.hover\:bg-white\/90:hover{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/90:hover{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.hover\:bg-white\/\[0\.09\]:hover{background-color:#ffffff17}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.09\]:hover{background-color:color-mix(in oklab,var(--color-white) 9%,transparent)}}.hover\:text-gbc-primary:hover{color:var(--color-gbc-primary)}.hover\:text-gbc-primary-dark:hover{color:var(--color-gbc-primary-dark)}.hover\:text-gbc-primary\/80:hover{color:#4c5ca9cc}@supports (color:color-mix(in lab,red,red)){.hover\:text-gbc-primary\/80:hover{color:color-mix(in oklab,var(--color-gbc-primary) 80%,transparent)}}.hover\:text-gbc-secondary:hover{color:var(--color-gbc-secondary)}.hover\:text-teal-600:hover{color:var(--color-teal-600)}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-sha
6dow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-1:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-gbc-primary\/25:hover{--tw-shadow-color:#4c5ca940}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-gbc-primary\/25:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gbc-primary) 25%, transparent) var(--tw-sha
6dow-alpha), transparent)}}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-2:focus{top:calc(var(--spacing) * 2)}.focus\:left-2:focus{left:calc(var(--spacing) * 2)}.focus\:z-\[100\]:focus{z-index:100}.focus\:rounded-lg:focus{border-radius:var(--radius-lg)}.focus\:border-gbc-primary:focus{border-color:var(--color-gbc-primary)}.focus\:bg-gbc-primary:focus{background-color:var(--color-gbc-primary)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-sm:focus{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.focus\:text-white:focus{color:var(--color-white)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow)}.focus\:ring-gbc-primary\/40:focus{--tw-ring-color:#4c5ca966}@supports (color:color-mix(in lab,red,red)){.focus\:ring-gbc-primary\/40:focus{--tw-ring-color:color-mix(in oklab, var(--color-gbc-primary) 40%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-\[1\]:focus-visible{z-index:1}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-teal-800:focus-visible{--tw-ring-color:var(--color-teal-800)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-75:disabled{opacity:.75}@media(hover:hover){.hover\:disabled\:bg-transparent:hover:disabled{background-color:#0000}}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:bg-transparent[aria-disabled=true]{background-color:#0000}.aria-disabled\:opacity-75[aria-disabled=true]{opacity:.75}@media(hover:hover){.hover\:aria-disabled\:bg-transparent:hover[aria-disabled=true]{background-color:#0000}}.data-disabled\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-disabled\:opacity-75[data-disabled]{opacity:.75}.data-\[expanded\=true\]\:h-\(--height\)[data-expanded=true]{height:var(--height)}:is(.data-\[front\=false\]\:\*\:transition-opacity[data-front=false]>*){transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}:is(.data-\[front\=false\]\:\*\:duration-100[data-front=false]>*){--tw-duration:.1s;transition-duration:.1s}.data-\[expanded\=false\]\:data-\[front\=false\]\:h-\(--front-height\)[data-expanded=false][data-front=false]{height:var(--front-height)}:is(.data-\[expanded\=false\]\:data-\[front\=false\]\:\*\:opacity-0[data-expanded=false][data-front=false]>*){opacity:0}
6.data-\[state\=closed\]\:animate-\[fade-out_200ms_ease-in\][data-state=closed]{animation:.2s ease-in fade-out}.data-\[state\=closed\]\:animate-\[scale-out_100ms_ease-in\][data-state=closed]{animation:.1s ease-in scale-out}.data-\[state\=closed\]\:animate-\[scale-out_200ms_ease-in\][data-state=closed]{animation:.2s ease-in scale-out}.data-\[state\=closed\]\:animate-\[toast-closed_200ms_ease-in-out\][data-state=closed]{animation:.2s ease-in-out toast-closed}.data-\[state\=closed\]\:data-\[expanded\=false\]\:data-\[front\=false\]\:animate-\[toast-collapsed-closed_200ms_ease-in-out\][data-state=closed][data-expanded=false][data-front=false]{animation:.2s ease-in-out toast-collapsed-closed}.data-\[state\=indeterminate\]\:animate-\[carousel-inverse-vertical_2s_ease-in-out_infinite\][data-state=indeterminate]{animation:2s ease-in-out infinite carousel-inverse-vertical}.data-\[state\=indeterminate\]\:animate-\[carousel-inverse_2s_ease-in-out_infinite\][data-state=indeterminate]{animation:2s ease-in-out infinite carousel-inverse}.data-\[state\=indeterminate\]\:animate-\[carousel-vertical_2s_ease-in-out_infinite\][data-state=indeterminate]{animation:2s ease-in-out infinite carousel-vertical}.data-\[state\=indeterminate\]\:animate-\[carousel_2s_ease-in-out_infinite\][data-state=indeterminate]{animation:2s ease-in-out infinite carousel}.data-\[state\=indeterminate\]\:animate-\[elastic-vertical_2s_ease-in-out_infinite\][data-state=indeterminate]{animation:2s ease-in-out infinite elastic-vertical}.data-\[state\=indeterminate\]\:animate-\[elastic_2s_ease-in-out_infinite\][data-state=indeterminate]{animation:2s ease-in-out infinite elastic}.data-\[state\=indeterminate\]\:animate-\[swing-vertical_2s_ease-in-out_infinite\][data-state=indeterminate]{animation:2s ease-in-out infinite swing-vertical}.data-\[state\=indeterminate\]\:animate-\[swing_2s_ease-in-out_infinite\][data-state=indeterminate]{animation:2s ease-in-out infinite swing}.data-\[state\=open\]\:animate-\[fade-in_200ms_ease-out\][data-state=open]{animation:.2s ease-out fade-in}.data-\[state\=open\]\:animate-\[scale-in_100ms_ease-out\][data-state=open]{animation:.1s ease-out scale-in}.data-\[state\=open\]\:animate-\[scale-in_200ms_ease-out\][data-state=open]{animation:.2s ease-out scale-in}.data-\[state\=open\]\:animate-\[slide-in-from-bottom_200ms_ease-in-out\][data-state=open]{animation:.2s ease-in-out slide-in-from-bottom}.data-\[state\=open\]\:animate-\[slide-in-from-top_200ms_ease-in-out\][data-state=open]{animation:.2s ease-in-out slide-in-from-top}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=cancel\]\:translate-y-0[data-swipe=cancel]{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\(--reka-toast-swipe-end-x\)[data-swipe=end]{--tw-translate-x:var(--reka-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-y-\(--reka-toast-swipe-end-y\)[data-swipe=end]{--tw-translate-y:var(--reka-toast-swipe-end-y);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-\[toast-slide-down_200ms_ease-out\][data-swipe=end]{animation:.2s ease-out toast-slide-down}.data-\[swipe\=end\]\:animate-\[toast-slide-left_200ms_ease-out\][data-swipe=end]{animation:.2s ease-out toast-slide-left}.data-\[swipe\=end\]\:animate-\[toast-slide-right_200ms_ease-out\][data-swipe=end]{animation:.2s ease-out toast-slide-right}.data-\[swipe\=end\]\:animate-\[toast-slide-up_200ms_ease-out\][data-swipe=end]{animation:.2s ease-out toast-slide-up}.data-\[swipe\=move\]\:translate-x-\(--reka-toast-swipe-move-x\)[data-swipe=move]{--tw-translate-x:var(--reka-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-y-\(--reka-toast-swipe-move-y\)[data-swipe=move]{--tw-translate-y:var(--reka-toast-swipe-move-y);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media(min-width:40rem){.sm\:top-6{top:calc(var(--spacing) * 6)}.sm\:right-4{right:calc(var(--spacing) * 4)}.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:left-6{left:calc(var(--spacing) * 6)}.sm\:mt-12{margin-top:calc(var(--spacing) * 12)}.sm\:mt-20{margin-top:calc(var(--spacing) * 20)}.sm\:mb-4{margin-bottom:calc(var(--spacing) * 4)}.sm\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.sm\:mb-14{margin-bottom:calc(var(--spacing) * 14)}.sm\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.sm\:mb-20{margin-bottom:calc(var(--spacing) * 20)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-44{height:calc(var(--spacing) * 44)}.sm\:h-52{height:calc(var(--spacing) * 52)}.sm\:h-56{height:calc(var(--spacing) * 56)}.sm\:h-80{height:calc(var(--spacing) * 80)}.sm\:h-96{height:calc(var(--spacing) * 96)}.sm\:h-\[360px\]{height:360px}.sm\:max-h-\[calc\(100dvh-4rem\)\]{max-height:calc(100dvh - 4rem)}
6.sm\:max-h-\[calc\(100vh-220px\)\]{max-height:calc(100vh - 220px)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-80{width:calc(var(--spacing) * 80)}.sm\:w-96{width:calc(var(--spacing) * 96)}.sm\:w-\[280px\]{width:280px}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-8{gap:calc(var(--spacing) * 8)}.sm\:gap-12{gap:calc(var(--spacing) * 12)}.sm\:gap-y-12{row-gap:calc(var(--spacing) * 12)}.sm\:border-2{border-style:var(--tw-border-style);border-width:2px}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.sm\:py-2{padding-block:calc(var(--spacing) * 2)}.sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:py-14{padding-block:calc(var(--spacing) * 14)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:py-28{padding-block:calc(var(--spacing) * 28)}.sm\:pt-4{padding-top:calc(var(--spacing) * 4)}.sm\:pt-28{padding-top:calc(var(--spacing) * 28)}.sm\:pt-36{padding-top:calc(var(--spacing) * 36)}.sm\:pt-40{padding-top:calc(var(--spacing) * 40)}.sm\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.sm\:pb-12{padding-bottom:calc(var(--spacing) * 12)}.sm\:pb-14{padding-bottom:calc(var(--spacing) * 14)}.sm\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.sm\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[10rem\]{font-size:10rem}}@media(min-width:48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-start-1{grid-column-start:1}.md\:mx-0{margin-inline:0}.md\:mx-auto{margin-inline:auto}.md\:mr-5{margin-right:calc(var(--spacing) * 5)}.md\:mr-10{margin-right:calc(var(--spacing) * 10)}.md\:ml-3{margin-left:calc(var(--spacing) * 3)}.md\:ml-5{margin-left:calc(var(--spacing) * 5)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:inline{display:inline}.md\:w-\[calc\(50\%-12px\)\]{width:calc(50% - 12px)}.md\:w-auto{width:auto}.md\:max-w-md{max-width:var(--container-md)}.md\:flex-auto{flex:auto}.md\:flex-shrink{flex-shrink:1}.md\:scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-wrap{flex-wrap:wrap}.md\:justify-center{justify-content:center}.md\:gap-5{gap:calc(var(--spacing) * 5)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:overflow-visible{overflow:visible}.md\:px-0{padding-inline:0}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:pb-0{padding-bottom:0}}@media(min-width:64rem){.lg\:-right-6{right:calc(var(--spacing) * -6)}.lg\:-left-6{left:calc(var(--spacing) * -6)}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-start-2{grid-column-start:2}.lg\:mx-0{margin-inline:0}.lg\:mb-4{margin-bottom:calc(var(--spacing) * 4)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:h-20{height:calc(var(--spacing) * 20)}.lg\:h-96{height:calc(var(--spacing) * 96)}.lg\:h-\[28rem\]{height:28rem}
6.lg\:max-h-\[calc\(100vh-205px\)\]{max-height:calc(100vh - 205px)}.lg\:w-20{width:calc(var(--spacing) * 20)}.lg\:w-\[calc\(33\.333\%-16px\)\]{width:calc(33.333% - 16px)}.lg\:max-w-\[460px\]{max-width:460px}.lg\:flex-1{flex:1}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-0{gap:0}.lg\:gap-4{gap:calc(var(--spacing) * 4)}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.lg\:gap-x-14{column-gap:calc(var(--spacing) * 14)}.lg\:gap-x-16{column-gap:calc(var(--spacing) * 16)}.lg\:gap-x-20{column-gap:calc(var(--spacing) * 20)}.lg\:gap-y-3{row-gap:calc(var(--spacing) * 3)}.lg\:bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.lg\:bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.lg\:from-gbc-cream\/\[0\.95\]{--tw-gradient-from:#f8f9fcf2}@supports (color:color-mix(in lab,red,red)){.lg\:from-gbc-cream\/\[0\.95\]{--tw-gradient-from:color-mix(in oklab, var(--color-gbc-cream) 95%, transparent)}}.lg\:from-gbc-cream\/\[0\.95\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.lg\:via-gbc-cream\/85{--tw-gradient-via:#f8f9fcd9}@supports (color:color-mix(in lab,red,red)){.lg\:via-gbc-cream\/85{--tw-gradient-via:color-mix(in oklab, var(--color-gbc-cream) 85%, transparent)}}.lg\:via-gbc-cream\/85{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.lg\:to-gbc-cream\/70{--tw-gradient-to:#f8f9fcb3}@supports (color:color-mix(in lab,red,red)){.lg\:to-gbc-cream\/70{--tw-gradient-to:color-mix(in oklab, var(--color-gbc-cream) 70%, transparent)}}.lg\:to-gbc-cream\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.lg\:p-2{padding:calc(var(--spacing) * 2)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-2{padding-inline:calc(var(--spacing) * 2)}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}.lg\:py-1{padding-block:var(--spacing)}.lg\:text-center{text-align:center}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.lg\:text-\[2\.75rem\]{font-size:2.75rem}.lg\:text-\[44px\]{font-size:44px}.lg\:backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.lg\:backdrop-saturate-\[1\.8\]{--tw-backdrop-saturate:saturate(1.8);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media(min-width:80rem){.xl\:mt-4{margin-top:calc(var(--spacing) * 4)}.xl\:mr-5{margin-right:calc(var(--spacing) * 5)}.xl\:mb-0{margin-bottom:0}.xl\:ml-3{margin-left:calc(var(--spacing) * 3)}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:max-h-\[calc\(100vh-100px\)\]{max-height:calc(100vh - 100px)}.xl\:w-\[250px\]{width:250px}.xl\:w-full{width:100%}:where(.xl\:space-x-0>:not(:last-child)){--tw-space-x-reverse:0;margin-inline:0}.xl\:text-left{text-align:left}.xl\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.data-\[state\=indeterminate\]\:rtl\:animate-\[carousel-inverse-rtl_2s_ease-in-out_infinite\][data-state=indeterminate]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){animation:2s ease-in-out infinite carousel-inverse-rtl}.data-\[state\=indeterminate\]\:rtl\:animate-\[carousel-rtl_2s_ease-in-out_infinite\][data-state=indeterminate]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){animation:2s ease-in-out infinite carousel-rtl}@media(prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:border-none{--tw-border-style:none;border-style:none}.dark\:border-blue-800{border-color:var(--color-blue-800)}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-red-500{border-color:var(--color-red-500)}.dark\:border-red-800{border-color:var(--color-red-800)}.dark\:border-yellow-800{border-color:var(--color-yellow-800)}.dark\:bg-\[\#020617\]{background-color:#020617}.dark\:bg-blue-900\/20{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/20{background-color:color-mix(in oklab,var(--color-blue-900) 20%,transparent)}}.dark\:bg-blue-900\/70{background-color:#1c398eb3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/70{background-color:color-mix(in oklab,var(--color-blue-900) 70%,transparent)}}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/20{background-color:color-mix(in oklab,var(--color-red-900) 20%,transparent)}}.dark\:bg-teal-700{background-color:var(--color-teal-700)}.dark\:bg-teal-900{background-color:var(--color-teal-900)}.dark\:bg-transparent{background-color:#0000}.dark\:bg-yellow-900\/20{background-color:#733e0a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/20{background-color:color-mix(in oklab,var(--color-yellow-900) 20%,transparent)}}.dark\:bg-none{background-image:none}.dark\:font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.dark\:text-blue-100{color:var(--color-blue-100)}.dark\:text-blue-200{color:var(--color-blue-200)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-red-200{color:var(--color-red-200)}.dark\:text-red-300{color:var(--color-red-300)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-teal-100{color:var(--color-teal-100)}.dark\:text-teal-200{color:var(--color-teal-200)}.dark\:text-yellow-200{color:var(--color-yellow-200)}.dark\:text-yellow-300{color:var(--color-yellow-300)}.dark\:text-yellow-400{color:var(--color-yellow-400)}.dark\:opacity-80{opacity:.8}.dark\:ring-blue-800{--tw-ring-color:var(--color-blue-800)}.dark\:even\:bg-teal-800\/50:nth-child(2n){background-color:#005f5a80}@supports (color:color-mix(in lab,red,red)){.dark\:even\:bg-teal-800\/50:nth-child(2n){background-color:color-mix(in oklab,var(--color-teal-800) 50%,transparent)}}@media(hover:hover){.dark\:hover\:border-gray-500:hover{border-color:var(--color-gray-500)}.dark\:hover\:bg-gray-800\/50:hover{background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-800\/50:hover{background-color:color-mix(in oklab,var(--color-gray-800) 50%,transparent)}}.dark\:hover\:bg-teal-700\/70:hover{background-color:#00776eb3}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-teal-700\/70:hover{background-color:color-mix(in oklab,var(--color-teal-700) 70%,transparent)}}.dark\:hover\:bg-white\/12:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/12:hover{background-color:color-mix(in oklab,var(--color-white) 12%,transparent)}}.dark\:hover\:text-white:hover{color:var(--color-white)}}.dark\:disabled\:bg-transparent:disabled{background-color:#0000}@media(hover:hover){.dark\:hover\:disabled\:bg-transparent:hover:disabled{background-color:#0000}}.dark\:aria-disabled\:bg-transparent[aria-disabled=true]{background-color:#0000}@media(hover:hover){.dark\:hover\:aria-disabled\:bg-transparent:hover[aria-disabled=true]{background-color:#0000}}}.rtl\:\[\&_span\:first-child\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) span:first-child,.rtl\:\[\&_span\:last-child\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) span:last-child{rotate:180deg}}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/lora-cyrillic-ext-wght-normal.YcVxMP-u.woff2)format("woff2-variations");
6unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/lora-cyrillic-wght-normal.UWPuZLjM.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/lora-math-wght-normal.sOy7rEfW.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/lora-symbols-wght-normal.DQ5VrUkH.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/lora-vietnamese-wght-normal.CfJ7gtf3.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/lora-latin-ext-wght-normal.C2Wlntb9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/lora-latin-wght-normal.BiLcIKcI.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAa0ABQAAAAADOwAAAZHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJtP01WQVJGBmA/U1RBVIEcAGQvXBEICoMkgmcLFgAwhEwBNgIkAyYEIAWGXAdiDAcbOgtRlHLSRcD8TEzkdoghPRuspKefbVnJIM5yRfA8vZv9uTNJSCZY21Scrigr6qyJ/C3sE1OFKuVP3e+lxUTbYio1zb/kFdk2bufY2BlhWERRBrcDUBhB5GEpd2Cy+MDxqf9zLPX+XVsk5r+s50d6IpWLatqbdT6f2MAikiOKQocbjya2QT0DqPDX4R0jQBgAUAiCRhDA0EkvYeLk9X3I2bEWI8jBAihIANm+kUWQBgggWChcBBdFhXlAUgOCAgBA0AgKjUJ8HKvjddFCKSgAVklEBYAeEJgCQJH0qB3B+neDg4sAA4hAD0AVIEAA0IACJGeaUjMIIIhBUE/zNABjTQMBwEVRcwcYBUCObLERABAgjAA1M/ZSa9hSi4OlpsnZ2KBOVUsAZlRGl1W0NZ6gSwhQPIAFs7YFL0QS91vRQgdgx2VDAnIegKpQvwAJIoLgooBAGtCJcHizg0TDiz8vhPgIcVXaDJu37ZyDAIjFy4AAiC1JAA0olJwN6nFAACQk/zfQVUuA3t5ELKMT9hpBSRj+HBSggYCIAIEkUoC4PCIQIWHGA8+IStxf0PW15ntP22gc+Wo+BLyQAHECQiAVd+c3Ba8gZ4NOACBaLOhsbIMkAXEmuHsSAvkf4oJaAogH6nEQAzoBIEihUAwAA0AACAObAGcANYAAABaqgMmpWAhiiVyrvNyqFV8tMQ5Iyq6r9Lf7W82i8ILl2cv8zbfdJ5lnPzSnvt/XXPfRR/5pH3xA+u5uS0798EPJ3Fft33w36Wc+8E/7aIB/9fvvb1pE9erNXLB9mkw//cSg8
6Cnx03VGXDvZnRzKqV9Xkhn7eRHb3wVjHpg19nkZpX9bBU+vnHegrsuQcbW9Bi7oO33h+8SU0Tly/MbeYUuG1cftVz6oNxrW0qH1iezq446fkDFo/rgvTkqt7zmteFzncZ0uxXti09FFF2z+C7CODpjUudOE5NSeb3bv/mbPKcmOEzpWQ3VBgBAuj/AOY3qMm7UvgA8qo3+qvAUBBAX0wADQG4AG+jCKaSxkBe/zvcTG8jRpRZgqhCog4sd++cOo7J+/RdvaaMoc78Ri/PNPSclx6fDvG1Kt3qQFi1rq+5EaavTtt9TVvfvucYsA5wc4oESU+E1ikF9TkrOkIsIH5Fawx7SBNLnMcWlM3skBluCmQNs7GeyFvYVDamsqwhxx18n/+WdxzDgOLU1AqbUlb3m+KOT9+ONvY/7XlrdLS//5v7nN97XHj0VzJpJvz4spq0V7ioXDuv2YrSxtF/KZmvbWfKtorXSh8dfvgGu+ev/nFSaXM6jyuCE/f/EpmuP7Rqu8R98vP/+tXUdrOgKlZP9Q/s+fRF9+3CHZd4EugfPv158me9X7v/6aSMCxMJmIr//65bNXngl7+uiPP5oKx+y27D8trp+psUzMacpm80XlnYeMAct0LynxhNYgaP3dtn8/LBAi+ksr+7NvjjtJV+UXrz0uLXV1x08AZRN1S2A8EaVE5afk/dfGjz//+fdHn36Xdttz2d9/z+bawZ8/slNN1aYtq+ZPGzNuPGdwOsfYflwmHCkPgs5DcKizvdpS/3gEUMW9/lvQvWp1bGTW1fpngC/uSVYAfH3TeSusL8TtlHUD4KAAEHjahk4YpuffGwEBN/dUmpHqdHyJ3Ap8O3UlQ4gCNrMRwLBBKiskL6a+RoBi/9XGlgc8L4/CUejQxaiIyqmomdhktOhfgDbDfaNDb4+yKIPd6IgmzDa0CByijWFmL2dlSRKagTIWXeIU9HDphoZiJeBTjAefHMxDhVSRFUgVcOkW3EGMahYVMFjWHhMluB2wAcbHYqF1LpsDF9C6s+CI2fDgh4wSuFEyGadjXAmIk3CugIRibLIti9ZtC8S4VSqfikGqPaoI122XyRYLBmsOmdiiTpqK1OklUQzpMcZmQRQV4M4oJCMkfRQXK+qvjifUcQd1bRdetW/LWjacYxvcttnVjWg5h0q4xw6rZyejSpZVZ78LzC4uyDNRQ4bymHSTMyM+SZ7D75mg/7YTlmNz7W8T00h0VEiGKB+F7iWYZFvSTiA4LVxttm2ATt5EoUWLJbY4EnLGrfsvEROlHtzlKn3H9VUT5tU/2dt3/EBv7foYzV/W4upyj04woO/gh6Vwwt3WGQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-vietnamese-wght-normal.qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-ext-wght-normal.DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-surface)}.font-display{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.005em}html{scroll-behavior:smooth}@keyframes blobMorph1{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(12px,-16px)rotate(8deg)}50%{transform:translate(-12px,12px)rotate(-6deg)}75%{transform:translate(16px,6px)rotate(4deg)}}@keyframes blobMorph2{0%,to{transform:translate(0)rotate(0)scale(1)}33%{transform:translate(-16px,16px)rotate(6deg)scale(1.03)}66%{transform:translate(12px,-12px)rotate(-4deg)scale(.99)}}@keyframes borderGlow{0%,to{border-color:#4c5ca933}50%{border-color:#4c5ca980}}@keyframes revealUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerOnce{0%{background-position:-200%}to{background-position:200%}}@keyframes textGradientOnce{0%{background-position:0%}to{background-position:100%}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes checkDraw{to{stroke-dashoffset:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes springIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes slideUpSpring{0%{opacity:0;transform:translateY(100%)}70%{transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideLeft{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scrollHintBounce{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}@keyframes textLineReveal{0%{clip-path:inset(0 0 100%);opacity:0;transform:translateY(12px)}to{clip-path:inset(0 0 0%);opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}@keyframes parallaxSlow{0%{transform:translateY(0)}to{transform:translateY(-60px)}}.blob-morph-1{will-change:transform;contain:layout style paint;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:45s ease-in-out infinite blobMorph1}.blob-morph-2{will-change:transform;contain:layout style paint;border-radius:40% 60% 70% 30%/40% 50% 60%;animation:55s ease-in-out infinite blobMorph2}.border-glow{border:1px solid #4c5ca933;animation:3s ease-in-out infinite borderGlow}.reveal-up{opacity:0;transform:translateY(26px)}.reveal-up.is-visible{animation:revealUp .7s var(--ease-premium) forwards}.shimmer-once{background:linear-gradient(90deg,#0000,#fff6,#0000) 0 0/200% 100%;animation:1.5s forwards shimmerOnce}.text-gradient-once{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4c5ca9,#8fceed,#4c5ca9) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:2s forwards textGradientOnce}.card-lift{transition:transform .5s var(--ease-premium),box-shadow .5s var(--ease-premium)}.card-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px -12px #4c5ca933}.image-reveal{position:relative;overflow:hidden}.image-reveal:after{content:"";background:linear-gradient(135deg,#4c5ca9,#8fceed);
6transition:transform .8s cubic-bezier(.77,0,.175,1);position:absolute;inset:0;transform:translate(-101%)}.image-reveal:hover:after{transform:translate(101%)}.gradient-flow{background:linear-gradient(135deg,#4c5ca9,#3a4785,#4c5ca9) 0 0/200%;transition:background-position .5s,box-shadow .3s}.gradient-flow:hover{background-position:100%;box-shadow:0 20px 40px -10px #4c5ca966}.soft-glow{box-shadow:0 0 60px #4c5ca914}.btn-magnetic{transition:all .3s var(--ease-spring)}.btn-magnetic:hover{transform:scale(1.05);box-shadow:0 20px 40px -10px #4c5ca966}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}.stagger-children>:nth-child(6){animation-delay:.6s}.stagger-children>:nth-child(7){animation-delay:.7s}.stagger-children>:nth-child(8){animation-delay:.8s}.nav-underline{position:relative}.nav-underline:after{content:"";background-color:var(--color-gbc-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-underline:hover:after{width:100%}.spring-in{animation:springIn .5s var(--ease-spring) forwards}.slide-up-spring{animation:slideUpSpring .4s var(--ease-smooth-spring) forwards}.fade-slide-in{animation:fadeSlideLeft .3s var(--ease-premium) forwards}.hamburger-open .hamburger-line:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-open .hamburger-line:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.carousel-dot.is-active{background-color:var(--color-gbc-primary);width:24px}.nav-underline.text-gbc-primary:after{background-color:var(--color-gbc-primary);width:100%}.nav-mega-panel{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s,transform .2s;transform:translateY(4px)}.nav-mega-panel.mega-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-mega-trigger.mega-active .nav-chevron{transform:rotate(180deg)}.nav-links-light .nav-underline,.nav-links-light .nav-mega-trigger,.nav-links-light a[href^=tel]{color:#ffffffe6!important}.nav-links-light a[href^=tel]:hover,.nav-links-light .nav-underline:hover,.nav-links-light .nav-mega-trigger:hover{color:#fff!important}.nav-links-light .hamburger-line{background-color:#ffffffe6!important}.nav-links-light .nav-underline:after{background-color:#fff}.nav-links-light a[href*=lang],.nav-links-light a[href="/en/"],.nav-links-light a[href="/"]{color:#ffffffe6!important;border-color:#ffffff4d!important}.text-reveal-word{opacity:0;clip-path:inset(0 0 100%);animation:textLineReveal .6s var(--ease-smooth-spring) forwards;margin-right:.25em;display:inline-block}.form-step-enter{animation:formStepIn .4s var(--ease-smooth-spring) forwards}@keyframes formStepIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes formStepOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.marquee-track{will-change:transform;width:max-content;animation:50s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}.marquee-mask{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000)}.card-tilt{transform-style:preserve-3d;transition:transform .4s var(--ease-premium)}.reveal-text{opacity:0;clip-path:inset(0 0 100%);transform:translateY(16px)}.reveal-text.is-visible{animation:textLineReveal .7s var(--ease-premium) forwards}.section-blend{position:relative}.section-blend:before{content:"";background:linear-gradient(to bottom,var(--section-from,transparent),transparent);pointer-events:none;z-index:1;height:80px;position:absolute;top:-1px;left:0;right:0}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.badge-float{animation:3s ease-in-out infinite badgeFloat}@keyframes headlineReveal{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(16px)}to{opacity:1;clip-path:inset(0 0 0%);transform:translateY(0)}}.headline-blur-reveal{opacity:0;animation:headlineReveal .7s var(--ease-premium) forwards;transform:translateY(16px)}.headline-blur-reveal.line-2{animation-delay:.2s}.headline-blur-reveal.line-3{animation-delay:.4s}.headline-accent-sweep{-webkit-text-fill-color:transparent;animation:headlineReveal .7s var(--ease-premium) forwards,textGradientOnce 2s ease .8s forwards;background:linear-gradient(135deg,#4c5ca9,#8fceed,#4c5ca9) 0 0/200%;-webkit-background-clip:text;background-clip:text}.subtitle-fade-in{opacity:0;animation:revealUp .6s var(--ease-premium) .7s forwards;transform:translateY(12px)}.cta-shine{position:relative;overflow:hidden}.cta-shine:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:60%;height:100%;transition:none;position:absolute;top:0;left:-100%}.cta-shine:hover:before{animation:.6s forwards ctaShineSweep}@keyframes ctaShineSweep{0%{left:-100%}to{left:120%}}.pill-glow{transition:transform .3s var(--ease-premium),box-shadow .3s var(--ease-premium)}.pill-glow:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 4px 20px -4px #4c5ca940}.pill-glow:hover svg{color:var(--color-gbc-accent);transition:color .3s}.parallax-slow{animation:linear both parallaxSlow;animation-timeline:scroll();animation-range:entry exit 0%}.img-parallax{will-change:transform}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.img-parallax{animation:linear both imgParallax;animation-timeline:view();animation-range:cover}@keyframes imgParallax{0%{transform:translateY(-7%)scale(1.14)}to{transform:translateY(7%)scale(1.14)}}}}.clip-reveal{clip-path:inset(0 round 8px);will-change:clip-path}.clip-reveal-img{will-change:transform}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.clip-reveal{animation:linear both clipReveal;animation-timeline:view();animation-range:entry 4% cover 42%}@keyframes clipReveal{0%{clip-path:inset(0 0 100% round 8px)}to{clip-path:inset(0 0 0% round 8px)}}.clip-reveal-img{animation:linear both clipRevealZoom;animation-timeline:view();animation-range:entry 4% cover 42%}@keyframes clipRevealZoom{0%{transform:scale(1.16)}to{transform:scale(1)}}}}.mask-line-wrap{overflow:hidden}.mask-line{display:block}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.mask-line{animation:linear both maskLine;animation-timeline:view();animation-range:entry cover 30%}@keyframes maskLine{0%{transform:translateY(115%)}to{transform:translateY(0)}}}}@supports (animation-timeline:scroll()){@media(prefers-reduced-motion:no-preference){.hero-release{animation:linear both heroRelease;animation-timeline:scroll(root);animation-range:0 78vh}@keyframes heroRelease{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-72px)}}}}@media(prefers-reduced-motion:no-preference){html.js-anim [data-anim=rise]{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}html.js-anim [data-anim=rise].is-in{opacity:1;transform:none}html.js-anim [data-anim=maskline]{transform:translateY(120%)}html.js-anim [data-anim=maskchars],html.js-anim [data-anim=stagger]>*{opacity:0}
6html.js-anim [data-anim=clipcard]{clip-path:inset(100% 0 0);transition:clip-path 1.5s cubic-bezier(.22,1,.36,1)}html.js-anim [data-anim=reveal]{clip-path:inset(0 0 100% round 8px);transition:clip-path 1.5s cubic-bezier(.22,1,.36,1)}html.js-anim [data-pin-marker],html.js-anim [data-pin-shadow],html.js-anim [data-pin-ripple]{opacity:0}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto!important}.reveal-up,.reveal-text,.headline-blur-reveal,.headline-accent-sweep,.subtitle-fade-in,.text-reveal-word{opacity:1!important;clip-path:none!important;transform:none!important}.blob-morph-1,.blob-morph-2,.badge-float,.parallax-slow,.border-glow,.marquee-track{animation:none!important}}@media(max-width:639px){.blob-morph-1,.blob-morph-2{animation-play-state:paused}.badge-float{animation:none}.headline-blur-reveal{opacity:1;animation:none;transform:none}.headline-accent-sweep{opacity:1;animation:none}.subtitle-fade-in{opacity:1;animation:none;transform:none}.stagger-children>*{animation-delay:0s!important}}@media(hover:none){.card-lift:active{transform:translateY(-4px);box-shadow:0 12px 24px -8px #4c5ca933}.gradient-flow:active{background-position:100%;box-shadow:0 12px 24px -8px #4c5ca94d}.btn-magnetic:active{transform:scale(.98)}}.safe-bottom{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}body{padding-bottom:env(safe-area-inset-bottom,0px)}html.has-promo-banner{--promo-h:40px}@media(max-width:640px){html.has-promo-banner{--promo-h:44px}}html.has-promo-banner #main-nav{top:var(--promo-h,40px)}html.has-promo-banner #hero{padding-top:calc(5rem + var(--promo-h,40px))}@media(min-width:640px){html.has-promo-banner #hero{padding-top:calc(7rem + var(--promo-h,40px))}}html.has-promo-banner .page-hero-section{padding-top:calc(8rem + var(--promo-h,40px))}@media(min-width:640px){html.has-promo-banner .page-hero-section{padding-top:calc(9rem + var(--promo-h,40px))}}@media(max-width:760px){.hero-crumb,.page-final-cta{display:none!important}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}
6}@keyframes pulse{50%{opacity:.5}} 7</style></head> <body class="min-h-screen antialiased"> <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-[100] focus:bg-gbc-primary focus:text-white focus:px-4 focus:py-2 focus:rounded-lg focus:text-sm"> İçeriÄe geç </a> <div id="promo-banner" class="fixed top-0 left-0 right-0 z-[45] -translate-y-full transition-transform duration-500 ease-out bg-gradient-to-r from-gbc-primary via-gbc-primary-dark to-gbc-primary" role="banner" data-campaign-id="toplanti-odasi-2026" data-start data-end="Thu Dec 31 2026 00:00:00 GMT+0000 (Coordinated Universal Time)"><div class="mx-auto max-w-7xl px-4 sm:px-6 py-2.5 sm:py-2 flex items-center justify-center gap-3 sm:gap-4 relative"><svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 flex-shrink-0 hidden sm:block animate-pulse text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 0 0-2.455 2.456Z"></path></svg><p class="text-xs sm:text-sm font-semibold text-center leading-tight text-white">Toplantı Odalarında %50 İndirim â Yıl Sonuna Kadar!</p><a href="/toplanti-odasi" class="hidden sm:inline-flex items-center gap-1 px-3 py-1 rounded-full text-xs font-bold transition-all duration-200 flex-shrink-0 bg-white/20 text-white hover:bg-white/30 backdrop-blur-sm">Hemen Rezerve Et<svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path></svg></a><button id="promo-dismiss" class="absolute right-2 sm:right-4 top-1/2 -translate-y-1/2 w-6 h-6 rounded-full flex items-center justify-center transition-colors hover:bg-white/20 text-white/70" aria-label="Kapat"><svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path></svg></button></div></div>
7<script type="module">const e=document.getElementById("promo-banner");if(e){let i=function(){const a=Date.now();return!(s&&a<new Date(s).getTime()||n&&a>new Date(n).getTime())},o=function(){e.classList.add("-translate-y-full"),e.classList.remove("translate-y-0"),document.documentElement.classList.remove("has-promo-banner"),sessionStorage.setItem(t,"1")};const t=`gbc-promo-dismissed-${e.dataset.campaignId||""}`,s=e.dataset.start,n=e.dataset.end;!sessionStorage.getItem(t)&&i()&&(document.documentElement.classList.add("has-promo-banner"),requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.classList.remove("-translate-y-full"),e.classList.add("translate-y-0")})})),document.getElementById("promo-dismiss")?.addEventListener("click",o)}</script>
7 <header id="main-nav" class="fixed top-0 left-0 right-0 z-50 transition-all duration-500 py-5"> <!-- Scroll Progress Bar --> <div id="scroll-progress" class="absolute top-0 left-0 h-[2px] bg-gradient-to-r from-gbc-primary to-gbc-accent z-10" style="width: 0%; transition: width 100ms linear;"></div> <nav aria-label="Ana menü" class="mx-auto max-w-7xl px-6 flex items-center justify-between"> <!-- Logo --> <a href="/" class="flex-shrink-0"> <img src="/images/logo/gbc-logo.png" alt="Galata Business Center" class="h-10 w-auto" width="120" height="40" loading="eager" fetchpriority="high"> </a> <!-- Desktop Links (lg+) --> <div class="hidden lg:flex items-center gap-7"> <!-- Hizmetler Trigger --> <button type="button" data-mega="services" data-section="services" aria-expanded="false" aria-haspopup="true" aria-controls="mega-services" class="nav-mega-trigger nav-underline text-sm font-medium text-gbc-secondary hover:text-gbc-primary transition-colors inline-flex items-center gap-1"> Hizmetler <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 nav-chevron transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path> </svg> </button> <!-- Lokasyonlar Trigger --> <button type="button" data-mega="locations" aria-expanded="false" aria-haspopup="true" aria-controls="mega-locations" class="nav-mega-trigger nav-underline text-sm font-medium text-gbc-secondary hover:text-gbc-primary transition-colors inline-flex items-center gap-1"> Lokasyonlar <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 nav-chevron transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path> </svg> </button> <a href="/enterprise/" class="nav-underline text-sm font-medium text-gbc-secondary hover:text-gbc-primary transition-colors"> Enterprise </a> </div> <!-- Right Actions --> <div class="flex items-center gap-3"> <a href="https://portal.galatabusinesscenter.com.tr/portal" data-track="portal_login" data-track-location="nav" class="hidden lg:inline-flex items-center gap-1.5 sm:gap-2 px-3 py-2 sm:px-5 sm:py-2.5 rounded-xl text-xs sm:text-sm font-semibold text-gbc-primary border border-gbc-primary/40 hover:bg-gbc-primary/[0.06] transition-colors"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"></path> </svg> Portal </a> <a href="#form" class="hidden lg:inline-flex items-center gap-1.5 sm:gap-2 px-3 py-2 sm:px-5 sm:py-2.5 rounded-xl text-xs sm:text-sm font-semibold text-white bg-gbc-primary btn-magnetic"> Form Doldur <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </a> <a href="/en/" class="hidden sm:inline-flex px-3 py-2 sm:py-1.5 rounded-lg text-xs font-bold text-gbc-secondary border border-gray-200 hover:bg-gray-50 transition-colors"> EN </a> <button id="hamburger-btn" class="lg:hidden flex flex-col justify-center items-center w-11 h-11 sm:w-10 sm:h-10 gap-1.5" aria-label="Menu" type="button"> <span class="hamburger-line block w-6 h-0.5 bg-gbc-secondary rounded-full transition-all duration-300 origin-center"></span> <span class="hamburger-line block w-6 h-0.5 bg-gbc-secondary rounded-full transition-all duration-300 origin-center"></span> <span class="hamburger-line block w-6 h-0.5 bg-gbc-secondary rounded-full transition-all duration-300 origin-center"></span> </button> </div> </nav> </header> <!-- Mega Menu Panels --> <!-- âââââââââââ MEGA MENU: HİZMETLER âââââââââââ --><div id="mega-services" class="nav-mega-panel fixed left-0 right-0 z-40 hidden lg:block" style="top: var(--nav-h, 73px);"> <div class="bg-white/98 backdrop-blur-2xl border-b border-gray-100 shadow-xl shadow-black/5"> <div class="mx-auto max-w-6xl px-6 py-8"> <div class="grid grid-cols-12 gap-8"> <!-- Sol: 5 Hizmet Kartı (8 col) --> <div class="col-span-8"> <p class="text-[10px] font-bold uppercase tracking-widest text-gbc-primary/50 mb
7-4"> Ãözümlerimiz </p> <div class="grid grid-cols-2 gap-2"> <a href="/sanal-ofis/" class="flex items-start gap-3 p-3.5 rounded-xl transition-all duration-200 group border border-gbc-primary/15 bg-gbc-primary/[0.03]"> <div class="w-10 h-10 rounded-xl bg-gbc-primary/8 flex items-center justify-center flex-shrink-0 group-hover:bg-gbc-primary/15 group-hover:scale-105 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gbc-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"></path> </svg> </div> <div class="flex-1 min-w-0"> <div class="flex items-center gap-2"> <span class="text-sm font-semibold text-gbc-secondary group-hover:text-gbc-primary transition-colors">Sanal Ofis</span> <span class="text-[10px] font-bold text-gbc-primary bg-gbc-primary/8 px-2 py-0.5 rounded-full">Teklif Al</span> </div> <p class="text-xs text-text-secondary mt-1 leading-relaxed line-clamp-2">Prestijli iÅ adresi, profesyonel sekreterya ve posta yönetimi hizmetleri</p> </div> </a><a href="/hazir-ofis/" class="flex items-start gap-3 p-3.5 rounded-xl transition-all duration-200 group border border-transparent hover:border-gray-100 hover:bg-gbc-cream/50"> <div class="w-10 h-10 rounded-xl bg-gbc-primary/8 flex items-center justify-center flex-shrink-0 group-hover:bg-gbc-primary/15 group-hover:scale-105 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gbc-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21"></path> </svg> </div> <div class="flex-1 min-w-0"> <div class="flex items-center gap-2"> <span class="text-sm font-semibold text-gbc-secondary group-hover:text-gbc-primary transition-colors">Hazır Ofis</span> <span class="text-[10px] font-bold text-gbc-primary bg-gbc-primary/8 px-2 py-0.5 rounded-full">Teklif Al</span> </div> <p class="text-xs text-text-secondary mt-1 leading-relaxed line-clamp-2">Tam donanımlı, mobilyalı özel ofisler. Hemen taÅının, iÅinize odaklanın</p> </div> </a><a href="/toplanti-odasi/" class="flex items-start gap-3 p-3.5 rounded-xl transition-all duration-200 group border border-transparent hover:border-gray-100 hover:bg-gbc-cream/50"> <div class="w-10 h-10 rounded-xl bg-gbc-primary/8 flex items-center justify-center flex-shrink-0 group-hover:bg-gbc-primary/15 group-hover:scale-105 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gbc-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z"></path> </svg> </div> <div class="flex-1 min-w-0"> <div class="flex items-center gap-2"> <span class="text-sm font-semibold text-gbc-secondary group-hover:text-gbc-primary transition-colors">Toplantı Odası</span> <span class="text-[10px] font-bold text-gbc-primary bg-gbc-primary/8 px-2 py-0.5 rounded-full">Teklif Al</span> </div> <p class="text-xs text-text-secondary mt-1 leading-relaxed line-clamp-2">6-80 kiÅi arası profesyonel toplantı alanları, tam donanımlı</p> </div> </a><a href="/coworking/" class="flex items-start gap-3 p-3.5 rounded-xl transition-all duration-200 group border border-transparent hover:border-gray-100 hover:bg-gbc-cream/50"> <div class="w-10 h-10 rounded-xl bg-gbc-primary/8 flex items-center justify-center flex-shrink-0 group-hover:bg-gbc-primary/15 group-hover:scale-105 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gbc-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09
7L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 0 0-2.455 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"></path> </svg> </div> <div class="flex-1 min-w-0"> <div class="flex items-center gap-2"> <span class="text-sm font-semibold text-gbc-secondary group-hover:text-gbc-primary transition-colors">Coworking</span> <span class="text-[10px] font-bold text-gbc-primary bg-gbc-primary/8 px-2 py-0.5 rounded-full">Teklif Al</span> </div> <p class="text-xs text-text-secondary mt-1 leading-relaxed line-clamp-2">Esnek çalıÅma alanlarında farklı sektörlerden insanlarla bir arada çalıÅın</p> </div> </a><a href="/enterprise/" class="flex items-start gap-3 p-3.5 rounded-xl transition-all duration-200 group border border-transparent hover:border-gray-100 hover:bg-gbc-cream/50"> <div class="w-10 h-10 rounded-xl bg-gbc-primary/8 flex items-center justify-center flex-shrink-0 group-hover:bg-gbc-primary/15 group-hover:scale-105 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gbc-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"></path> </svg> </div> <div class="flex-1 min-w-0"> <div class="flex items-center gap-2"> <span class="text-sm font-semibold text-gbc-secondary group-hover:text-gbc-primary transition-colors">Enterprise</span> <span class="text-[10px] font-bold text-gbc-primary bg-gbc-primary/8 px-2 py-0.5 rounded-full">Ãzel Teklif</span> <span class="text-[9px] font-bold text-white bg-gradient-to-r from-gbc-primary to-gbc-accent px-2 py-0.5 rounded-full">Premium</span> </div> <p class="text-xs text-text-secondary mt-1 leading-relaxed line-clamp-2">Büyük ölçekli Åirketler için özel olarak tasarlanmıŠofis çözümleri</p> </div> </a> </div> </div> <!-- SaÄ: Highlight Panel (4 col) --> <div class="col-span-4 pl-6 border-l border-gray-100"> <p class="text-[10px] font-bold uppercase tracking-widest text-gbc-primary/50 mb-4"> Neden GBC? </p> <div class="space-y-3"> <div class="flex items-center gap-2.5"> <div class="w-8 h-8 rounded-lg bg-gbc-success/10 flex items-center justify-center flex-shrink-0"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-gbc-success" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path> </svg> </div> <div> <p class="text-xs font-semibold text-gbc-secondary">8 Prestijli Lokasyon</p> <p class="text-[10px] text-text-secondary">Levent, 4. Levent, Taksim</p> </div> </div> <div class="flex items-center gap-2.5"> <div class="w-8 h-8 rounded-lg bg-gbc-primary/10 flex items-center justify-center flex-shrink-0"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-gbc-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path> </svg> </div> <div> <p class="text-xs font-semibold text-gbc-secondary">1 Aydan SözleÅme</p> <p class="text-[10px] text-text-secondary">Esnek, taahhütsüz</p> </div> </div> <div class="flex items-center gap-2.5"> <div class="w-8 h-8 rounded-lg bg-amber-500/10 flex items-center justify-center flex-shrink-0"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-amber-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z"></path> </svg> </div> <div> <p class="text-xs font-semibold text-gbc-secondary">Fuga Coffee %20</p> <p class="text-[10px] text-text-secondary">Premium kahve ayrıcalıÄı</p> </div> </div> <div class="flex items-center gap-2.5"> <div class="w-8 h-8 rounded-lg bg-gbc-accent/20 flex items-center justify-center flex-shrink-0"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-gbc-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"></path> </svg> </div> <div> <p class="text-xs font-semibold text-gbc-secondary">GBC App</p> <p class="text-[10px] text-text-secondary">iOS & Android</p> </div> </div> </div> <a href="#form" class="mt-5 flex items-center justify-center gap-2 w-full py-2.5 rounded-xl text-xs font-semibold text-white bg-gbc-primary hover:bg-gbc-primary-dark transition-colors">
7 Form Doldur <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </a> </div> </div> </div> </div> </div> <!-- âââââââââââ MEGA MENU: LOKASYONLAR âââââââââââ --><div id="mega-locations" class="nav-mega-panel fixed left-0 right-0 z-40 hidden lg:block" style="top: var(--nav-h, 73px);"> <div class="bg-white/98 backdrop-blur-2xl border-b border-gray-100 shadow-xl shadow-black/5"> <div class="mx-auto max-w-7xl px-6 py-8"> <div class="grid grid-cols-12 gap-5"> <!-- Sütun 1: ÅiÅli + Sarıyer (3 col) --> <div class="col-span-3"> <p class="text-[10px] font-bold uppercase tracking-widest text-gbc-primary/50 mb-3"> Levent / ÅiÅli </p> <div class="space-y-0.5"> <a href="/lokasyonlar/pol-center/" class="flex items-start gap-2 px-2.5 py-2 rounded-lg hover:bg-gbc-cream/70 transition-all duration-200 group"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gbc-primary/30 group-hover:text-gbc-primary flex-shrink-0 mt-0.5 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path> </svg> <div> <span class="text-[13px] font-medium text-gbc-secondary group-hover:text-gbc-primary transition-colors leading-tight">Pol Center</span> <div class="flex items-center gap-1 mt-0.5"> <span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Sanal </span><span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Hazır </span><span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Toplantı </span> </div> </div> </a><a href="/lokasyonlar/ferko-signature/" class="flex items-start gap-2 px-2.5 py-2 rounded-lg hover:bg-gbc-cream/70 transition-all duration-200 group"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gbc-primary/30 group-hover:text-gbc-primary flex-shrink-0 mt-0.5 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path> </svg> <div> <span class="text-[13px] font-medium text-gbc-secondary group-hover:text-gbc-primary transition-colors leading-tight">Ferko Signature</span> <div class="flex items-center gap-1 mt-0.5"> <span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Enterprise </span> </div> </div> </a><a href="/lokasyonlar/duran-is-merkezi/" class="flex items-start gap-2 px-2.5 py-2 rounded-lg hover:bg-gbc-cream/70 transition-all duration-200 group"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gbc-primary/30 group-hover:text-gbc-primary flex-shrink-0 mt-0.5 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path> </svg> <div> <span class="text-[13px] font-medium text-gbc-secondary group-hover:text-gbc-primary transition-colors leading-tight">Duran İŠMerkezi</span> <div class="flex items-center gap-1 mt-0.5"> <span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Sanal </span><span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Hazır </span><span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Enterprise </span> </div> </div> </a> </div> </div> <!-- Sütun 2: KaÄıthane + BeyoÄlu (3 col) --> <div class="col-span-3"> <p class="text-[10px] font-bold uppercase tracking-widest text-gbc-primary/50 mb
7-3"> Levent / KaÄıthane </p> <div class="space-y-0.5"> <a href="/lokasyonlar/levent-life/" class="flex items-start gap-2 px-2.5 py-2 rounded-lg hover:bg-gbc-cream/70 transition-all duration-200 group"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gbc-primary/30 group-hover:text-gbc-primary flex-shrink-0 mt-0.5 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path> </svg> <div> <span class="text-[13px] font-medium text-gbc-secondary group-hover:text-gbc-primary transition-colors leading-tight">Levent Life</span> <div class="flex items-center gap-1 mt-0.5"> <span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Hazır </span> </div> </div> </a><a href="/lokasyonlar/guler-is-merkezi/" class="flex items-start gap-2 px-2.5 py-2 rounded-lg hover:bg-gbc-cream/70 transition-all duration-200 group"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gbc-primary/30 group-hover:text-gbc-primary flex-shrink-0 mt-0.5 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path> </svg> <div> <span class="text-[13px] font-medium text-gbc-secondary group-hover:text-gbc-primary transition-colors leading-tight">Güler İŠMerkezi</span> <div class="flex items-center gap-1 mt-0.5"> <span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Hazır </span><span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Enterprise </span> </div> </div> </a> <div class="pt-3 pb-1"> <p class="text-[10px] font-bold uppercase tracking-widest text-gbc-primary/50"> Taksim / BeyoÄlu </p> </div> <a href="/lokasyonlar/istiklal/" class="flex items-start gap-2 px-2.5 py-2 rounded-lg hover:bg-gbc-cream/70 transition-all duration-200 group"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gbc-primary/30 group-hover:text-gbc-primary flex-shrink-0 mt-0.5 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path> </svg> <div> <span class="text-[13px] font-medium text-gbc-secondary group-hover:text-gbc-primary transition-colors leading-tight">BeyoÄlu İŠMerkezi</span> <div class="flex items-center gap-1 mt-0.5"> <span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Sanal </span><span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Hazır </span><span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Toplantı </span> </div> </div> </a> </div> </div> <!-- Sütun 3: Sarıyer (3 col) --> <div class="col-span-3"> <p class="text-[10px] font-bold uppercase tracking-widest text-gbc-primary/50 mb-3"> Maslak / Sarıyer </p> <div class="space-y-0.5"> <a href="/lokasyonlar/4-levent-plaza/" class="flex items-start gap-2 px-2.5 py-2 rounded-lg hover:bg-gbc-cream/70 transition-all duration-200 group"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gbc-primary/30 group-hover:text-gbc-primary flex-shrink-0 mt-0.5 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path> </svg> <div> <span class="text-[13px] font-medium text-gbc-secondary group-hover:text-gbc-primary transition-colors leading-tight">4. Levent Plaza</span> <div class="flex items-center gap-1 mt-0.5"> <span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Hazır </span><span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Enterprise </span> </div> </div> </a><a href="/lokasyonlar/ata-center/" class="flex items-start gap-2 px-2.5 py-2 rounded-lg hover:bg-gbc-cream/70 transition-all duration-200 group"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gbc-primary/30 group-hover:text-gbc-primary flex-shrink-0 mt-0.5 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path> </svg> <div> <span class="text-[13px] font-medium text-gbc-secondary group-hover:text-gbc-primary transition-colors leading-tight">Ata Center</span> <div class="flex items-center gap-1 mt-0.5"> <span class="text-[8px] font-medium text-text-secondary/50 bg-gray-100/80 px-1 py-0.5 rounded"> Hazır </span> </div> </div> </a> </div> </div> <!-- Sütun 4: Hızlı EriÅim CTA (3 col) --> <div class="col-span-3 pl-5 border-l border-gray-100"> <p class="text-[10px] font-bold uppercase tracking-widest text-gbc-primary/50 mb
7-3"> Hızlı EriÅim </p> <div class="rounded-xl bg-gradient-to-br from-gbc-primary/5 to-gbc-accent/5 border border-gbc-primary/10 p-5"> <div class="flex items-center gap-3 mb-3"> <div class="w-10 h-10 rounded-xl bg-gbc-primary/15 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gbc-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path> </svg> </div> <div> <p class="text-sm font-bold text-gbc-secondary">8 Lokasyon</p> <p class="text-[10px] text-text-secondary">İstanbul'un 3 ana bölgesinde</p> </div> </div> <div class="space-y-2 mb-4"> <div class="flex items-center gap-2 text-xs text-text-secondary"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gbc-success" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"></path> </svg> Metroya 100-400m mesafe </div> <div class="flex items-center gap-2 text-xs text-text-secondary"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gbc-success" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"></path> </svg> 7/24 eriÅim, 1 Gbps internet </div> <div class="flex items-center gap-2 text-xs text-text-secondary"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gbc-success" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"></path> </svg> A+ sınıfı binalar </div> </div> <a href="/lokasyonlar/" class="flex items-center justify-center gap-2 w-full py-2.5 rounded-xl text-xs font-semibold text-white bg-gbc-primary hover:bg-gbc-primary-dark transition-colors"> Tüm Lokasyonları KeÅfet <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </a> </div> </div> </div> </div> </div> </div> <!-- Mobile Menu (React Island) â only hydrate on mobile to cut desktop TBT --> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
7<script>(()=>{var n=(a,t)=>{let i=async()=>{await(await a())()};if(t.value){let e=matchMedia(t.value);e.matches?i():e.addEventListener("change",i,{once:!0})}};(self.Astro||(self.Astro={})).media=n;window.dispatchEvent(new Event("astro:media"));})();</script>
7<script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script>
7<astro-island uid="1Lb7P" prefix="r1" component-url="/_astro/MobileMenu.0gwBlf1T.js" component-export="default" renderer-url="/_astro/client.Bz692-Ao.js" props="{"locale":[0,"tr"],"locations":[1,[[0,{"id":[0,"pol-center"],"name":[0,"GBC Pol Center"],"area":[0,"Levent / ÅiÅli"]}],[0,{"id":[0,"ferko-signature"],"name":[0,"GBC Ferko Signature"],"area":[0,"Levent / ÅiÅli"]}],[0,{"id":[0,"duran-is-merkezi"],"name":[0,"GBC Duran İŠMerkezi"],"area":[0,"Levent / ÅiÅli"]}],[0,{"id":[0,"levent-life"],"name":[0,"GBC Levent Life"],"area":[0,"Levent / KaÄıthane"]}],[0,{"id":[0,"guler-is-merkezi"],"name":[0,"GBC Güler İŠMerkezi"],"area":[0,"4. Levent / KaÄıthane"]}],[0,{"id":[0,"istiklal"],"name":[0,"GBC BeyoÄlu İŠMerkezi"],"area":[0,"Taksim / BeyoÄlu"]}],[0,{"id":[0,"4-levent-plaza"],"name":[0,"GBC 4. Levent Plaza"],"area":[0,"4. Levent / Sarıyer"]}],[0,{"id":[0,"ata-center"],"name":[0,"GBC Ata Center"],"area":[0,"Maslak / Sarıyer"]}]]],"portalUrl":[0,"https://portal.galatabusinesscenter.com.tr/portal"],"portalLabel":[0,"Portal"],"tOverrides":[0,null]}" ssr client="media" opts="{"name":"MobileMenu","value":"(max-width: 768px)"}"></astro-island> <!-- Nav scroll + Mega menu hover logic -->
7<script type="module">const a=document.getElementById("main-nav"),l=document.getElementById("hamburger-btn"),g=document.getElementById("scroll-progress"),u=a?.classList.contains("nav-dark-hero")??!1;function v(){if(!a)return;if(g){const n=window.scrollY,m=document.documentElement.scrollHeight-window.innerHeight,p=m>0?n/m*100:0;g.style.width=`${p}%`}const e=a.offsetHeight,s=document.documentElement.classList.contains("has-promo-banner")&&document.getElementById("promo-banner")?.offsetHeight||0;document.documentElement.style.setProperty("--promo-h",s+"px"),document.documentElement.style.setProperty("--nav-h",e+s+"px"),window.scrollY>50?(a.classList.add("bg-white","lg:bg-white/80","lg:backdrop-blur-2xl","lg:backdrop-saturate-[1.8]","border-b","border-white/30","shadow-[0_1px_3px_rgba(0,0,0,0.04),0_8px_24px_rgba(0,0,0,0.02)]"),a.classList.remove("py-5"),a.classList.add("py-2.5"),u&&a.classList.remove("nav-links-light")):(a.classList.remove("bg-white","lg:bg-white/80","lg:backdrop-blur-2xl","lg:backdrop-saturate-[1.8]","border-b","border-white/30","shadow-[0_1px_3px_rgba(0,0,0,0.04),0_8px_24px_rgba(0,0,0,0.02)]"),a.classList.remove("py-2.5"),a.classList.add("py-5"),u&&a.classList.add("nav-links-light"))}window.addEventListener("scroll",v,{passive:!0});v();l?.addEventListener("click",()=>{l.classList.toggle("hamburger-open"),window.dispatchEvent(new CustomEvent("toggle-mobile-menu"))});window.addEventListener("toggle-mobile-menu-closed",()=>{l?.classList.remove("hamburger-open")});const r=document.querySelectorAll("[data-mega]"),c={};let i=null,o=null;r.forEach(e=>{const t=e.getAttribute("data-mega"),s=document.getElementById("mega-"+t);s&&(c[t]=s)});function b(e){o&&(clearTimeout(o),o=null),Object.entries(c).forEach(([t,s])=>{t!==e&&(s.classList.remove("mega-open"),r.forEach(n=>{n.getAttribute("data-mega")===t&&(n.classList.remove("mega-active"),n.setAttribute("aria-expanded","false"))}))}),c[e]?.classList.add("mega-open"),r.forEach(t=>{t.getAttribute("data-mega")===e&&(t.classList.add("mega-active"),t.setAttribute("aria-expanded","true"))}),i=e}function d(){o&&clearTimeout(o),o=setTimeout(()=>{Object.values(c).forEach(e=>e.classList.remove("mega-open")),r.forEach(e=>{e.classList.remove("mega-active"),e.setAttribute("aria-expanded","false")}),i=null},150)}function h(){o&&(clearTimeout(o),o=null)}r.forEach(e=>{const t=e.getAttribute("data-mega");e.addEventListener("mouseenter",()=>b(t)),e.addEventListener("mouseleave",()=>d()),e.addEventListener("click",s=>{s.preventDefault(),i===t?d():b(t)})});Object.values(c).forEach(e=>{e.addEventListener("mouseenter",h),e.addEventListener("mouseleave",d)});document.addEventListener("keydown",e=>{e.key==="Escape"&&i&&(Object.values(c).forEach(t=>t.classList.remove("mega-open")),r.forEach(t=>{t.classList.remove("mega-active"),t.setAttribute("aria-expanded","false")}),i=null)});const f=document.querySelectorAll("[data-section]"),E=["services","locations","why-gbc"].map(e=>document.getElementById(e)).filter(Boolean),L=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&f.forEach(s=>{const n=s.getAttribute("data-section")===t.target.id;s.classList.toggle("text-gbc-primary",n),s.classList.toggle("text-gbc-secondary",!n)})})},{rootMargin:"-40% 0px -40% 0px",threshold:0});E.forEach(e=>L.observe(e));</script>
7 <section class="page-hero-section relative overflow-hidden pt-32 sm:pt-36 pb-10 sm:pb-12 bg-gradient-to-br from-gbc-cream via-white to-white"> <!-- Decorative Blobs --> <div class="blob-morph-1 parallax-slow absolute -top-20 -right-20 w-72 h-72 sm:w-96 sm:h-96 bg-[radial-gradient(circle_at_50%_50%,rgba(76,92,169,0.08),transparent_70%)] blur-[40px] pointer-events-none"></div> <div class="blob-morph-2 parallax-slow absolute bottom-0 -left-20 w-60 h-60 sm:w-80 sm:h-80 bg-[radial-gradient(circle_at_50%_50%,rgba(143,206,237,0.1),transparent_70%)] blur-[30px] pointer-events-none"></div> <div class="mx-auto max-w-7xl px-6 relative z-10"> <nav aria-label="Breadcrumb" class="mb-4 hero-crumb"> <ol class="flex flex-wrap items-center gap-1.5 text-sm"> <li class="flex items-center gap-1.5"> <a href="/" class="transition-colors text-text-secondary hover:text-gbc-primary">Ana Sayfa</a> </li><li class="flex items-center gap-1.5"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path> </svg> <span class="font-medium text-gbc-secondary">Ofis Ãözümleri Blog Rehberi</span> </li> </ol> </nav> <!-- Schema.org BreadcrumbList -->
7<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Ana Sayfa","item":"https://www.galatabusinesscenter.com.tr/"},{"@type":"ListItem","position":2,"name":"Ofis Ãözümleri Blog Rehberi"}]}</script>
7 <div class="max-w-3xl mt-6"> <div class="flex flex-wrap items-center gap-3 mb-6"> </div> <h1 class="font-display text-3xl sm:text-4xl lg:text-5xl font-bold leading-tight text-gbc-secondary mb-6"> <span class="text-reveal-word" style="animation-delay: 0ms">Ofis </span><span class="text-reveal-word" style="animation-delay: 80ms">Kiralama </span><span class="text-reveal-word" style="animation-delay: 160ms">Rehberi </span> <span class="block"> <span class="text-reveal-word text-gradient-once" style="animation-delay: 240ms">& </span><span class="text-reveal-word text-gradient-once" style="animation-delay: 320ms">İŠ</span><span class="text-reveal-word text-gradient-once" style="animation-delay: 400ms">Dünyası </span><span class="text-reveal-word text-gradient-once" style="animation-delay: 480ms">Blog </span> </span> </h1> <p class="text-lg text-text-secondary leading-relaxed reveal-up mb-0" style="animation-delay: 200ms"> Ofis çözümleri, iÅ dünyası trendleri ve verimli çalıÅma ipuçları. </p> </div> </div> </section> <main id="main-content"> <section class="pt-2 pb-14 sm:pt-4 sm:pb-20 bg-white" aria-labelledby="blog-posts-heading"> <h2 id="blog-posts-heading" class="sr-only">Ofis Ãözümleri Blog Rehberi</h2> <div class="mx-auto max-w-7xl px-6"> <div class="mb-12"> <div class="text-center mb-8 reveal-up"> <h3 class="font-display text-2xl sm:text-3xl font-bold text-gbc-secondary"> Kapsamlı Rehberler </h3> <p class="mt-2 text-text-secondary"> İstanbul'da ofis kiralama hakkında bilmeniz gereken her Åey </p> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gbc-primary/30 ring-1 ring-gbc-primary/10 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 0ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/istanbul-hazir-ofis-kiralama-rehberi/" class="absolute inset-0 z-[1]" aria-label="İstanbul'da Hazır Ofis Kiralama Rehberi 2026"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/locations/pol-center.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/locations/pol-center.jpg" alt="İstanbul'da Hazır Ofis Kiralama Rehberi 2026" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> <span class="absolute top-3 left-3 px-2.5 py-1 rounded-lg text-xs font-bold bg-gbc-primary text-white shadow-sm"> Kapsamlı Rehber </span> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/hazir-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> hazir-ofis </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a><a href="/blog/etiket/ofis-kiralama/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> ofis-kiralama </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> İstanbul'da Hazır Ofis Kiralama Rehberi 2026 </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> İstanbul'da hazır ofis kiralama hakkında kapsamlı rehber. Fiyatlar, bölgeler, karÅılaÅtırmalar ve doÄru hazır ofis seçimi için bilmeniz gerekenler. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 8 Nisan 2026 </span> <span>14 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gbc-primary/30 ring-1 ring-gbc-primary/10 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 80ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/istanbul-sanal-ofis-rehberi/" class="absolute inset-0 z-[1]" aria-label="İstanbul'da Sanal Ofis: Eksiksiz Rehber 2026"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/services/sanal-ofis.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/services/sanal-ofis.jpg" alt="İstanbul'da Sanal Ofis: Eksiksiz Rehber 2026" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> <span class="absolute top-3 left-3 px-2.5 py-1 rounded-lg text-xs font-bold bg-gbc-primary text-white shadow-sm"> Kapsamlı Rehber </span> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a><a href="/blog/etiket/rehber/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> rehber </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> İstanbul'da Sanal Ofis: Eksiksiz Rehber 2026 </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> İstanbul'da sanal ofis hakkında bilmeniz gereken her Åey: fiyatlar, avantajlar, Åirket kuruluÅu, lokasyonlar ve doÄru sanal ofis seçim rehberi. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 8 Nisan 2026 </span> <span>12 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gbc-primary/30 ring-1 ring-gbc-primary/10 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 160ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/levent-ofis-kiralama-rehberi/" class="absolute inset-0 z-[1]" aria-label="Levent'te Ofis Kiralama: Bölge Rehberi 2026"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/general/levent-skyline.webp" type="image/webp" sizes="(max-width: 640px) 100v
7w, (max-width: 1024px) 50vw, 800px"> <img src="/images/general/levent-skyline.jpg" alt="Levent'te Ofis Kiralama: Bölge Rehberi 2026" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> <span class="absolute top-3 left-3 px-2.5 py-1 rounded-lg text-xs font-bold bg-gbc-primary text-white shadow-sm"> Kapsamlı Rehber </span> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/levent/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> levent </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a><a href="/blog/etiket/ofis-kiralama/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> ofis-kiralama </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Levent'te Ofis Kiralama: Bölge Rehberi 2026 </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Levent ve 4. Levent'te ofis kiralama rehberi. Bölge analizi, ulaÅım, fiyatlar, sanal ofis ve hazır ofis seçenekleri. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 8 Nisan 2026 </span> <span>13 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div> </div> </div> <a href="/blog/istanbul-hazir-ofis-fiyatlari/" class="group block relative rounded-2xl overflow-hidden card-lift reveal-up mb-2"> <!-- Full-width image --> <div class="relative h-64 sm:h-80 lg:h-96"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/ab6cc4c679e5644e7d64861e418b8020f752fbeb-853x1280.webp" type="image/webp" sizes="(max-width: 768px) 100vw, 1200px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/ab6cc4c679e5644e7d64861e418b8020f752fbeb-853x1280.jpg" alt="İstanbul'da Hazır Ofis Fiyatları 2026: Levent'te Gerçek Aylık Ãcretler" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="1200" height="600" sizes="(max-width: 768px) 100vw, 1200px" loading="eager" decoding="async"> </picture> <!-- Gradient overlay: left-to-right dark â transparent --> <div class="absolute inset-0 bg-gradient-to-r from-gbc-secondary/95 via-gbc-secondary/70 to-gbc-secondary/40"></div> <!-- Bottom extra darken for readability --> <div class="absolute inset-x-0 bottom-0 h-32 bg-gradient-to-t from-gbc-secondary/60 to-transparent"></div> </div> <!-- Content overlay â bottom left --> <div class="absolute inset-0 flex flex-col justify-end p-6 sm:p-8 lg:p-10"> <!-- Tags --> <div class="flex flex-wrap gap-2 mb-3"> <span class="px-2.5 py-1 bg-white/15 backdrop-blur-sm rounded-lg text-xs text-white/90 font-medium"> hazir-ofis </span><span class="px-2.5 py-1 bg-white/15 backdrop-blur-sm rounded-lg text-xs text-white/90 font-medium"> fiyat </span><span class="px-2.5 py-1 bg-white/15 backdrop-blur-sm rounded-lg text-xs text-white/90 font-medium">
7 2026 </span><span class="px-2.5 py-1 bg-white/15 backdrop-blur-sm rounded-lg text-xs text-white/90 font-medium"> istanbul </span> </div> <!-- Title --> <h2 class="font-display text-2xl sm:text-3xl lg:text-4xl font-bold text-white mb-3 max-w-2xl leading-tight"> İstanbul'da Hazır Ofis Fiyatları 2026: Levent'te Gerçek Aylık Ãcretler </h2> <!-- Description (sm+) --> <p class="hidden sm:block text-white/80 text-base leading-relaxed mb-4 max-w-2xl line-clamp-2"> Levent'te hazır ofis fiyatları: 2 kiÅilik ofis aylık 15.000 TL'den. Kapasiteye göre fiyat tablosu, kiÅi baÅı maliyet, metrekare hesabı ve fiyata dahil hizmetler. </p> <!-- Footer: date + reading time + CTA --> <div class="flex items-center justify-between max-w-2xl"> <div class="flex items-center gap-3 text-sm text-white/60"> <span class="flex items-center gap-1.5"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 30 Eylül 2026 </span> <span class="text-white/40">â¢</span> <span>4 dk okuma</span> </div> <span class="inline-flex items-center gap-2 text-sm font-semibold text-white group-hover:gap-3 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </a> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mt-10"> <div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 0ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/limited-sahis-sirketi-sanal-ofis/" class="absolute inset-0 z-[1]" aria-label="Limited Åirket mi, Åahıs Åirketi mi? Sanal Ofisle Åirket Kurmada Farklar (2026)"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/locations/pol-center.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/locations/pol-center.jpg" alt="Limited Åirket mi, Åahıs Åirketi mi? Sanal Ofisle Åirket Kurmada Farklar (2026)" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a><a href="/blog/etiket/limited-sirket/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> limited-sirket </a><a href="/blog/etiket/sirket-kurma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sirket-kurma </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Limited Åirket mi, Åahıs Åirketi mi? Sanal Ofisle Åirket Kurmada Farklar (2026) </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Sanal ofis adresi hem limited hem Åahıs Åirketinde yasal merkez adresi olarak kullanılabilir. KuruluÅ adımları, temel farklar, vergi dairesi ve paket önerileri. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 30 Eylül 2026 </span> <span>5 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 80ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/toplanti-odasi-fiyatlari-2026/" class="absolute inset-0 z-[1]" aria-label="Toplantı Odası Fiyatları 2026: İstanbul'da Saatlik Salon Ãcretleri"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/rooms/roma.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/rooms/roma.jpg" alt="Toplantı Odası Fiyatları 2026: İstanbul'da Saatlik Salon Ãcretleri" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/toplanti-odasi/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> toplanti-odasi </a><a href="/blog/etiket/fiyat/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> fiyat </a><a href="/blog/etiket/2026/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> 2026 </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Toplantı Odası Fiyatları 2026: İstanbul'da Saatlik Salon Ãcretleri </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> GBC toplantı odalarının 2026 saatlik ücretleri: hafta içi gündüz %50 indirimle 6 kiÅilik salon 600 TL'den. AkÅam ve hafta sonu tarifeleri, örnek bütçeler. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 30 Eylül 2026 </span> <span>5 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 160ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/gunluk-ofis-kiralama/" class="absolute inset-0 z-[1]" aria-label="Günlük Ofis Kiralama: Kimler İçin Mantıklı, Nasıl ÃalıÅır? (2026)"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/services/hazir-ofis-dolu.webp" type="image/webp" sizes="(max-width: 640px) 100v
7w, (max-width: 1024px) 50vw, 800px"> <img src="/images/services/hazir-ofis-dolu.jpg" alt="Günlük Ofis Kiralama: Kimler İçin Mantıklı, Nasıl ÃalıÅır? (2026)" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/ofis-kiralama/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> ofis-kiralama </a><a href="/blog/etiket/hazir-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> hazir-ofis </a><a href="/blog/etiket/esnek-calisma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> esnek-calisma </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Günlük Ofis Kiralama: Kimler İçin Mantıklı, Nasıl ÃalıÅır? (2026) </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Günlük ofis nedir, toplantı odası ve coworking'den farkı ne? Levent'te 4 ve 10 kiÅilik günlük ofis fiyatları ve online kiralama adımları. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 30 Eylül 2026 </span> <span>4 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 240ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/coworking-istanbul/" class="absolute inset-0 z-[1]" aria-label="Coworking vs Hazır Ofis: Hangisi Size Uygun? 2026 KarÅılaÅtırma"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/general/coworking-people.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/general/coworking-people.jpg" alt="Coworking vs Hazır Ofis: Hangisi Size Uygun? 2026 KarÅılaÅtırma" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/coworking/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> coworking </a><a href="/blog/etiket/hazir-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> hazir-ofis </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Coworking vs Hazır Ofis: Hangisi Size Uygun? 2026 KarÅılaÅtırma </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Coworking mi, hazır ofis mi? Maliyet, mahremiyet, esneklik ve verimlilik açısından 2026 karÅılaÅtırması. Hangi çalıÅma modeli size uygun, rehberle karar verin. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 27 Mayıs 2026 </span> <span>3 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 320ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/toplanti-odasi-kiralama/" class="absolute inset-0 z-[1]" aria-label="Toplantı Odası Kiralama: 2026'da Bilmeniz Gereken Her Åey"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/rooms/viyana.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/rooms/viyana.jpg" alt="Toplantı Odası Kiralama: 2026'da Bilmeniz Gereken Her Åey" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/toplanti-odasi/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> toplanti-odasi </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a><a href="/blog/etiket/ofis-kiralama/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> ofis-kiralama </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Toplantı Odası Kiralama: 2026'da Bilmeniz Gereken Her Åey </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Toplantı odası nasıl kiralanır? Saatlik fiyatlar, bölge bazlı karÅılaÅtırma, seçim kriterleri ve İstanbul'da en iyi toplantı odası lokasyonları. 2026 rehberi. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 20 Mayıs 2026 </span> <span>4 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 400ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/startup-hazir-ofis-istanbul/" class="absolute inset-0 z-[1]" aria-label="Startup'lar İçin En İyi Ofis Ãözümleri: 2026 Rehberi"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/general/coworking-people.webp" type="image/webp" sizes="(max-width: 640px) 100v
7w, (max-width: 1024px) 50vw, 800px"> <img src="/images/general/coworking-people.jpg" alt="Startup'lar İçin En İyi Ofis Ãözümleri: 2026 Rehberi" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/startup/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> startup </a><a href="/blog/etiket/hazir-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> hazir-ofis </a><a href="/blog/etiket/coworking/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> coworking </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Startup'lar İçin En İyi Ofis Ãözümleri: 2026 Rehberi </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Startup için doÄru ofis nasıl seçilir? Sanal ofis, coworking, hazır ofis â hangi aÅamada hangisi mantıklı? 2026 İstanbul rehberi ve maliyet karÅılaÅtırması. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 13 Mayıs 2026 </span> <span>3 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 480ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/avukatlar-icin-ofis-cozumleri/" class="absolute inset-0 z-[1]" aria-label="Avukatlar İçin Profesyonel Ofis Ãözümleri 2026: Baro, KVKK ve GörüÅme Odası"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/blog/avukatlar-icin-ofis.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/blog/avukatlar-icin-ofis.jpg" alt="Avukatlar İçin Profesyonel Ofis Ãözümleri 2026: Baro, KVKK ve GörüÅme Odası" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a><a href="/blog/etiket/avukat/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> avukat </a><a href="/blog/etiket/hukuk-burosu/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> hukuk-burosu </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Avukatlar İçin Profesyonel Ofis Ãözümleri 2026: Baro, KVKK ve GörüÅme Odası </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Avukatlar için sanal ofis, görüÅme odası ve KVKK uyumlu çalıÅma alanı rehberi. Genç avukat için 30K yerine 5K aylık maliyet â gerçek hesaplamalarla. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 10 Mayıs 2026 </span> <span>8 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 560ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/e-ticaret-sanal-ofis-trendyol-hepsiburada/" class="absolute inset-0 z-[1]" aria-label="E-Ticaret İçin Sanal Ofis: Trendyol, Hepsiburada ve Amazon Satıcı Rehberi 2026"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/blog/e-ticaret-sanal-ofis.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/blog/e-ticaret-sanal-ofis.jpg" alt="E-Ticaret İçin Sanal Ofis: Trendyol, Hepsiburada ve Amazon Satıcı Rehberi 2026" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a><a href="/blog/etiket/e-ticaret/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> e-ticaret </a><a href="/blog/etiket/trendyol/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> trendyol </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> E-Ticaret İçin Sanal Ofis: Trendyol, Hepsiburada ve Amazon Satıcı Rehberi 2026 </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Trendyol, Hepsiburada ve Amazon'da satıŠyapanlar için sanal ofis neden zorunlu? Ev adresinin yarattıÄı 7 risk ve premium adresin satıÅa etkisi. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 10 Mayıs 2026 </span> <span>7 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 640ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/freelance-calisanlar-icin-ofis-cozumleri/" class="absolute inset-0 z-[1]" aria-label="Freelance ÃalıÅanlar İçin Ofis Ãözümleri: 2026 İstanbul Rehberi"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/blog/freelance-ofis-cozumleri.webp" type="image/webp" sizes="(max-width: 640px) 100v
7w, (max-width: 1024px) 50vw, 800px"> <img src="/images/blog/freelance-ofis-cozumleri.jpg" alt="Freelance ÃalıÅanlar İçin Ofis Ãözümleri: 2026 İstanbul Rehberi" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/freelance/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> freelance </a><a href="/blog/etiket/remote-calisma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> remote-calisma </a><a href="/blog/etiket/coworking/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> coworking </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Freelance ÃalıÅanlar İçin Ofis Ãözümleri: 2026 İstanbul Rehberi </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Freelancer'lar için sanal ofis, coworking ve hibrit çalıÅma modelleri. Vergi avantajı, müÅteri güveni ve maliyet karÅılaÅtırması bu rehberde. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 10 Mayıs 2026 </span> <span>7 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 720ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/saatlik-ofis-toplanti-odasi-kiralama/" class="absolute inset-0 z-[1]" aria-label="Saatlik Ofis ve Toplantı Odası Kiralama: 2026 İstanbul Rehberi"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/blog/saatlik-ofis-toplanti-odasi.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/blog/saatlik-ofis-toplanti-odasi.jpg" alt="Saatlik Ofis ve Toplantı Odası Kiralama: 2026 İstanbul Rehberi" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/saatlik-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> saatlik-ofis </a><a href="/blog/etiket/toplanti-odasi/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> toplanti-odasi </a><a href="/blog/etiket/esnek-calisma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> esnek-calisma </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Saatlik Ofis ve Toplantı Odası Kiralama: 2026 İstanbul Rehberi </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> İstanbul'da saatlik ofis ve toplantı odası kiralamanın profesyonel yolu. Fiyatlar, AV ekipman, lokasyonlar ve aynı gün rezervasyon imkanı. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 10 Mayıs 2026 </span> <span>7 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 800ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/sanal-ofis-vergi-avantajlari/" class="absolute inset-0 z-[1]" aria-label="Sanal Ofis Vergi Avantajları 2026: KDV, Stopaj ve Gider Yazma Rehberi"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/blog/sanal-ofis-vergi-avantajlari.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/blog/sanal-ofis-vergi-avantajlari.jpg" alt="Sanal Ofis Vergi Avantajları 2026: KDV, Stopaj ve Gider Yazma Rehberi" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a><a href="/blog/etiket/vergi/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> vergi </a><a href="/blog/etiket/kdv/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> kdv </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Sanal Ofis Vergi Avantajları 2026: KDV, Stopaj ve Gider Yazma Rehberi </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Sanal ofis KDV iadesi alınır mı, gider yazılır mı? 2026 vergi mevzuatında sanal ofisin geleneksel ofise karÅı 50.000 TL'lik avantajı bu rehberde. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 10 Mayıs 2026 </span> <span>7 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 880ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/sirket-kurulusu-icin-ticari-adres-rehberi/" class="absolute inset-0 z-[1]" aria-label="Åirket KuruluÅu İçin Ticari Adres Rehberi 2026"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/blog/sirket-kurulusu-ticari-adres.webp" type="image/webp" sizes="(max-width: 640px) 100v
7w, (max-width: 1024px) 50vw, 800px"> <img src="/images/blog/sirket-kurulusu-ticari-adres.jpg" alt="Åirket KuruluÅu İçin Ticari Adres Rehberi 2026" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sirket-kurma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sirket-kurma </a><a href="/blog/etiket/ticari-adres/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> ticari-adres </a><a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Åirket KuruluÅu İçin Ticari Adres Rehberi 2026 </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Åirket kuruluÅunda doÄru ticari adres seçimi banka onayını, vergi sürecini ve müÅteri güvenini doÄrudan etkiler. Tüm yasal gereklilikler bu rehberde. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 10 Mayıs 2026 </span> <span>7 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 960ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/yabanci-sirket-turkiye-sube-acma-sanal-ofis/" class="absolute inset-0 z-[1]" aria-label="Yabancı Åirket Türkiye'de Åube Açma Rehberi 2026: Sanal Ofis ile Hızlı KuruluÅ"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/blog/yabanci-sirket-turkiye.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/blog/yabanci-sirket-turkiye.jpg" alt="Yabancı Åirket Türkiye'de Åube Açma Rehberi 2026: Sanal Ofis ile Hızlı KuruluÅ" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a><a href="/blog/etiket/yabanci-sirket/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors">
7 yabanci-sirket </a><a href="/blog/etiket/sube-acma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sube-acma </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Yabancı Åirket Türkiye'de Åube Açma Rehberi 2026: Sanal Ofis ile Hızlı KuruluÅ </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Yabancı Åirketlerin Türkiye'de Åube veya irtibat bürosu açma süreci, gerekli belgeler ve sanal ofis ile 3 günde kuruluÅ avantajı â kapsamlı rehber. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 10 Mayıs 2026 </span> <span>8 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1040ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/ofis-kiralama-levent/" class="absolute inset-0 z-[1]" aria-label="Levent'te Ofis Kiralama Rehberi 2026: Bölgeler, Fiyatlar, İpuçları"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/general/levent-skyline.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/general/levent-skyline.jpg" alt="Levent'te Ofis Kiralama Rehberi 2026: Bölgeler, Fiyatlar, İpuçları" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/ofis-kiralama/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> ofis-kiralama </a><a href="/blog/etiket/levent/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> levent </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Levent'te Ofis Kiralama Rehberi 2026: Bölgeler, Fiyatlar, İpuçları </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Levent'te ofis kiralamak isteyenler için 2026 güncel rehberi. Bölge analizi, fiyat aralıkları, ulaÅım avantajları ve doÄru lokasyonu seçmenin 7 kriteri. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 6 Mayıs 2026 </span> <span>5 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1120ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/hazir-ofis-avantajlari/" class="absolute inset-0 z-[1]" aria-label="Hazır Ofis vs Geleneksel Ofis: 2026 Maliyet Analizi"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/locations/pol-center.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/locations/pol-center.jpg" alt="Hazır Ofis vs Geleneksel Ofis: 2026 Maliyet Analizi" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/hazir-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> hazir-ofis </a><a href="/blog/etiket/ofis-kiralama/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> ofis-kiralama </a><a href="/blog/etiket/maliyet/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> maliyet </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Hazır Ofis vs Geleneksel Ofis: 2026 Maliyet Analizi </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Hazır ofis mi, geleneksel kiralama mı? Depozito, kira, gizli maliyetler ve toplam sahip olma maliyeti karÅılaÅtırması. 2026 güncel rakamlarla analiz. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 29 Nisan 2026 </span> <span>4 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1200ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/hazir-ofis-nedir/" class="absolute inset-0 z-[1]" aria-label="Hazır Ofis Nedir? Avantajları, Maliyeti ve Kimler İçin Uygundur?"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/1e6e7701af518722cb2f8df8ae5b0c3418451462-1280x850.webp" type="image/webp" sizes="(max-width: 640px) 100v
7w, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/1e6e7701af518722cb2f8df8ae5b0c3418451462-1280x850.jpg" alt="Hazır Ofis Nedir? Avantajları, Maliyeti ve Kimler İçin Uygundur?" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/hazir-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> hazir-ofis </a><a href="/blog/etiket/ofis-kiralama/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> ofis-kiralama </a><a href="/blog/etiket/maliyet/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> maliyet </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Hazır Ofis Nedir? Avantajları, Maliyeti ve Kimler İçin Uygundur? </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Hazır ofis nedir, nasıl çalıÅır? Geleneksel ofise kıyasla avantajları, 2026 maliyetleri ve hangi iÅletmeler için ideal olduÄ
7unu öÄrenin. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 8 Mart 2026 </span> <span>3 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1280ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/sanal-ofis-vs-hazir-ofis/" class="absolute inset-0 z-[1]" aria-label="Sanal Ofis vs Hazır Ofis: Hangisi Sizin İçin DoÄru Seçim?"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/general/working-cozy.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/general/working-cozy.jpg" alt="Sanal Ofis vs Hazır Ofis: Hangisi Sizin İçin DoÄru Seçim?" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a><a href="/blog/etiket/hazir-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> hazir-ofis </a><a href="/blog/etiket/karsilastirma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> karsilastirma </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Sanal Ofis vs Hazır Ofis: Hangisi Sizin İçin DoÄru Seçim? </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Sanal ofis ile hazır ofis arasındaki farklar nelerdir? Maliyet, esneklik, hizmet kapsamı ve kullanım senaryolarını karÅılaÅtırarak doÄru seçimi yapın. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 7 Mart 2026 </span> <span>3 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1360ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/sanal-ofis-fiyatlari-2026/" class="absolute inset-0 z-[1]" aria-label="Sanal Ofis Fiyatları 2026: İstanbul'da Ne Kadar, Neye Dikkat Etmeli?"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/1cf35f2d94ebfe800eef17faa70af13e4c7dc14a-1280x853.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/1cf35f2d94ebfe800eef17faa70af13e4c7dc14a-1280x853.jpg" alt="Sanal Ofis Fiyatları 2026: İstanbul'da Ne Kadar, Neye Dikkat Etmeli?" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a><a href="/blog/etiket/fiyat/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> fiyat </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Sanal Ofis Fiyatları 2026: İstanbul'da Ne Kadar, Neye Dikkat Etmeli? </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> 2026 yılında İstanbul'da sanal ofis fiyatları ne kadar? Fiyatı etkileyen faktörler, gizli maliyetler ve en uygun sanal ofis seçim rehberi. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 6 Mart 2026 </span> <span>3 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1440ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/evden-calisma-mi-hazir-ofis-mi/" class="absolute inset-0 z-[1]" aria-label="Evden ÃalıÅma mı, Hazır Ofis mi? Verimlilik ve Maliyet KarÅılaÅtırması"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/c6226f41125d5176ebae6606aabca7911d78bf9d-1280x853.webp" type="image/webp" sizes="(max-width: 640px) 100v
7w, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/c6226f41125d5176ebae6606aabca7911d78bf9d-1280x853.jpg" alt="Evden ÃalıÅma mı, Hazır Ofis mi? Verimlilik ve Maliyet KarÅılaÅtırması" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/hazir-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> hazir-ofis </a><a href="/blog/etiket/evden-calisma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> evden-calisma </a><a href="/blog/etiket/verimlilik/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> verimlilik </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Evden ÃalıÅma mı, Hazır Ofis mi? Verimlilik ve Maliyet KarÅılaÅtırması </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Evden çalıÅma mı yoksa hazır ofis mi daha verimli? Maliyet, odaklanma, iÅ-özel hayat dengesi ve profesyonellik açısından karÅılaÅtırma rehberi. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 5 Mart 2026 </span> <span>2 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1520ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/sanal-ofis-ile-sirket-kurma/" class="absolute inset-0 z-[1]" aria-label="Sanal Ofis ile Åirket Kurma Rehberi 2026: Adım Adım Süreç"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/general/working-detail.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="/images/general/working-detail.jpg" alt="Sanal Ofis ile Åirket Kurma Rehberi 2026: Adım Adım Süreç" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a><a href="/blog/etiket/sirket-kurma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sirket-kurma </a><a href="/blog/etiket/limited-sirket/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> limited-sirket </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Sanal Ofis ile Åirket Kurma Rehberi 2026: Adım Adım Süreç </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Sanal ofis adresi ile Åirket kurulur mu? 2026'da sanal ofisle Åahıs ve limited Åirket kuruluÅ süreci, gerekli belgeler ve dikkat edilmesi gerekenler. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 4 Mart 2026 </span> <span>3 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1600ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/levent-hazir-ofis-kiralama/" class="absolute inset-0 z-[1]" aria-label="Levent'te Hazır Ofis Kiralama: Lokasyonlar, Avantajlar ve Fiyat Rehberi"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/ab6cc4c679e5644e7d64861e418b8020f752fbeb-853x1280.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/ab6cc4c679e5644e7d64861e418b8020f752fbeb-853x1280.jpg" alt="Levent'te Hazır Ofis Kiralama: Lokasyonlar, Avantajlar ve Fiyat Rehberi" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/hazir-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> hazir-ofis </a><a href="/blog/etiket/levent/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> levent </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Levent'te Hazır Ofis Kiralama: Lokasyonlar, Avantajlar ve Fiyat Rehberi </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Levent'te hazır ofis arıyorsanız bilmeniz gereken her Åey: lokasyon karÅılaÅtırması, dahil olan hizmetler, fiyatlandırma ve doÄru ofisi seçme rehberi. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 3 Mart 2026 </span> <span>3 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1680ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/ofis-kiralarken-dikkat-edilmesi-gerekenler/" class="absolute inset-0 z-[1]" aria-label="Ofis Kiralarken Dikkat Edilmesi Gereken 7 Kritik Konu"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/general/working-cozy.webp" type="image/webp" sizes="(max-width: 640px) 100v
7w, (max-width: 1024px) 50vw, 800px"> <img src="/images/general/working-cozy.jpg" alt="Ofis Kiralarken Dikkat Edilmesi Gereken 7 Kritik Konu" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/ofis-kiralama/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> ofis-kiralama </a><a href="/blog/etiket/rehber/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> rehber </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Ofis Kiralarken Dikkat Edilmesi Gereken 7 Kritik Konu </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> İstanbul'da ofis kiralayacaksanız bu 7 kritik konuyu bilmelisiniz. SözleÅme tuzakları, gizli maliyetler, lokasyon seçimi ve doÄru ofis modeli rehberi. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 2 Mart 2026 </span> <span>3 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1760ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/neden-levent-istanbul-un-finans-merkezi-olmanin-avantajlari/" class="absolute inset-0 z-[1]" aria-label="Neden Levent? İstanbul'un Finans Merkezi Olmanın Avantajları"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/cb2664759b34b717d1bce87372b5f4ef7094f362-694x1080.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/cb2664759b34b717d1bce87372b5f4ef7094f362-694x1080.jpg" alt="Neden Levent? İstanbul'un Finans Merkezi Olmanın Avantajları" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Neden Levent? İstanbul'un Finans Merkezi Olmanın Avantajları </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Levent'te ofis kiralama rehberi 2026. Büyükdere Caddesi, Pol Center ve 4. Levent Plaza'da hazır ofis, sanal ofis ve enterprise çözümleri. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 25 Åubat 2026 </span> <span>5 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1840ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/konferans-salonu-kiralama/" class="absolute inset-0 z-[1]" aria-label="Konferans Salonu Kiralama: İstanbul'da Profesyonel Toplantı Alanları"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/96bc920b6db8eacd311c4d43c36a5167601d7fa2-1024x681.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/96bc920b6db8eacd311c4d43c36a5167601d7fa2-1024x681.jpg" alt="Konferans Salonu Kiralama: İstanbul'da Profesyonel Toplantı Alanları" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/toplanti-odasi/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> toplanti-odasi </a><a href="/blog/etiket/konferans-salonu/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> konferans-salonu </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Konferans Salonu Kiralama: İstanbul'da Profesyonel Toplantı Alanları </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> İstanbul'da konferans salonu kiralama rehberi. Levent ve Taksim'de 6-80 kiÅilik donanımlı konferans salonları, fiyatlar ve rezervasyon bilgileri. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 14 Åubat 2026 </span> <span>3 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 1920ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/istanbul-etkinlik-alani-kiralama/" class="absolute inset-0 z-[1]" aria-label="İstanbul'da Etkinlik Alanı Kiralama: DoÄru Mekan Seçim Rehberi"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="/images/rooms/roma.webp" type="image/webp" sizes="(max-width: 640px) 100v
7w, (max-width: 1024px) 50vw, 800px"> <img src="/images/rooms/roma.jpg" alt="İstanbul'da Etkinlik Alanı Kiralama: DoÄru Mekan Seçim Rehberi" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/etkinlik-alani/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> etkinlik-alani </a><a href="/blog/etiket/toplanti-odasi/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> toplanti-odasi </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> İstanbul'da Etkinlik Alanı Kiralama: DoÄru Mekan Seçim Rehberi </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> İstanbul'da etkinlik alanı kiralama rehberi. Levent ve Taksim'de seminer, workshop, lansman ve kurumsal etkinlikler için profesyonel mekanlar. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 13 Åubat 2026 </span> <span>3 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 2000ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/levent-sanal-ofis/" class="absolute inset-0 z-[1]" aria-label="Levent'te Sanal Ofis: İstanbul'un İŠMerkezi Levent'te Prestijli Adres"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/1cf35f2d94ebfe800eef17faa70af13e4c7dc14a-1280x853.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/1cf35f2d94ebfe800eef17faa70af13e4c7dc14a-1280x853.jpg" alt="Levent'te Sanal Ofis: İstanbul'un İŠMerkezi Levent'te Prestijli Adres" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a><a href="/blog/etiket/levent/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> levent </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Levent'te Sanal Ofis: İstanbul'un İŠMerkezi Levent'te Prestijli Adres </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Levent'te sanal ofis kiralama rehberi. Büyükdere Caddesi üzerinde prestijli iÅ adresi, posta yönetimi ve çaÄrı karÅılama hizmeti. GBC farkıyla. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 12 Åubat 2026 </span> <span>3 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 2080ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/esnek-calisma-2026/" class="absolute inset-0 z-[1]" aria-label="2026'da Esnek ÃalıÅma Trendleri: GeleceÄin Ofisi Nasıl Olacak?"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/88f10048f5f1b35b6a9efef2099cf6331a9621c3-853x1280.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/88f10048f5f1b35b6a9efef2099cf6331a9621c3-853x1280.jpg" alt="2026'da Esnek ÃalıÅma Trendleri: GeleceÄin Ofisi Nasıl Olacak?" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/esnek-calisma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> esnek-calisma </a><a href="/blog/etiket/trendler/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> trendler </a><a href="/blog/etiket/2026/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> 2026 </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> 2026'da Esnek ÃalıÅma Trendleri: GeleceÄin Ofisi Nasıl Olacak? </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> 2026 yılında esnek çalıÅma modelleri nasıl Åekilleniyor? Hibrit çalıÅma, coworking, sanal ofis trendleri ve geleceÄin iÅ ortamı. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 5 Åubat 2026 </span> <span>2 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 2160ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/coworking-vs-hazir-ofis/" class="absolute inset-0 z-[1]" aria-label="Coworking Alanı vs Hazır Ofis: Hangisi Size Uygun?"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/bb276a0a34d5fde41ef2fca9643a729628293f23-853x1280.webp" type="image/webp" sizes="(max-width: 640px) 100v
7w, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/bb276a0a34d5fde41ef2fca9643a729628293f23-853x1280.jpg" alt="Coworking Alanı vs Hazır Ofis: Hangisi Size Uygun?" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/coworking/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> coworking </a><a href="/blog/etiket/hazir-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> hazir-ofis </a><a href="/blog/etiket/karsilastirma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> karsilastirma </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Coworking Alanı vs Hazır Ofis: Hangisi Size Uygun? </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Coworking alanı mı yoksa hazır ofis mi? İki çalıÅma modelinin karÅılaÅtırması, avantajları ve hangi iÅ modeline uygun olduÄu. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 5 Åubat 2026 </span> <span>2 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 2240ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/toplanti-odasi-kiralama-rehberi/" class="absolute inset-0 z-[1]" aria-label="Toplantı Odası Kiralama Rehberi: DoÄru Oda Nasıl Seçilir?"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/96bc920b6db8eacd311c4d43c36a5167601d7fa2-1024x681.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/96bc920b6db8eacd311c4d43c36a5167601d7fa2-1024x681.jpg" alt="Toplantı Odası Kiralama Rehberi: DoÄru Oda Nasıl Seçilir?" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/toplanti-odasi/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> toplanti-odasi </a><a href="/blog/etiket/rehber/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> rehber </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Toplantı Odası Kiralama Rehberi: DoÄru Oda Nasıl Seçilir? </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> İstanbul'da toplantı odası kiralarken nelere dikkat etmelisiniz? Kapasite, ekipman, konum ve fiyat kriterlerini detaylı inceliyoruz. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 1 Åubat 2026 </span> <span>2 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 2320ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/kurumsal-ofis-cozumleri/" class="absolute inset-0 z-[1]" aria-label="Kurumsal Ofis Ãözümleri: Enterprise Firmalar İçin Rehber"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/32a9a84afa71508cc22ad08823663223f54b892b-1280x720.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/32a9a84afa71508cc22ad08823663223f54b892b-1280x720.jpg" alt="Kurumsal Ofis Ãözümleri: Enterprise Firmalar İçin Rehber" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/enterprise/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> enterprise </a><a href="/blog/etiket/kurumsal/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> kurumsal </a><a href="/blog/etiket/ofis-cozumleri/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> ofis-cozumleri </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Kurumsal Ofis Ãözümleri: Enterprise Firmalar İçin Rehber </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Büyük ölçekli Åirketler için kurumsal ofis çözümleri neler sunar? Ãzel tasarım, tam kat kiralama ve dedicated yönetim avantajları. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 25 Ocak 2026 </span> <span>2 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 2400ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/levent-ofis-rehberi/" class="absolute inset-0 z-[1]" aria-label="Levent Ofis Rehberi: İstanbul'un Finans Merkezinde ÃalıÅmak"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/1cf35f2d94ebfe800eef17faa70af13e4c7dc14a-1280x853.webp" type="image/webp" sizes="(max-width: 640px) 100v
7w, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/1cf35f2d94ebfe800eef17faa70af13e4c7dc14a-1280x853.jpg" alt="Levent Ofis Rehberi: İstanbul'un Finans Merkezinde ÃalıÅmak" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/levent/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> levent </a><a href="/blog/etiket/istanbul/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> istanbul </a><a href="/blog/etiket/ofis-kiralama/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> ofis-kiralama </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Levent Ofis Rehberi: İstanbul'un Finans Merkezinde ÃalıÅmak </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Levent ve 4. Levent bölgesinde ofis kiralarken bilinmesi gerekenler. UlaÅım, fiyatlar, bölge avantajları ve GBC lokasyonları. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg> 20 Ocak 2026 </span> <span>2 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div><div class="group relative card-lift rounded-2xl overflow-hidden bg-white border border-gray-100 hover:shadow-xl transition-all duration-300 reveal-up" style="animation-delay: 2480ms"> <!-- Overlay link for entire card (z-[1] to sit above content) --> <a href="/blog/sanal-ofis-nedir/" class="absolute inset-0 z-[1]" aria-label="Sanal Ofis Nedir? Avantajları ve İÅletmenize Katkıları"></a> <!-- Image --> <div class="relative h-48 sm:h-52 overflow-hidden pointer-events-none"> <picture> <source srcset="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/c6226f41125d5176ebae6606aabca7911d78bf9d-1280x853.webp" type="image/webp" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px"> <img src="https://symlecawtlqevvlpafat.supabase.co/storage/v1/object/public/media/blog/c6226f41125d5176ebae6606aabca7911d78bf9d-1280x853.jpg" alt="Sanal Ofis Nedir? Avantajları ve İÅletmenize Katkıları" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" width="800" height="600" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 800px" loading="lazy" decoding="async"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <!-- Content --> <div class="relative p-5 sm:p-6 pointer-events-none"> <!-- Tags (clickable, above overlay) --> <div class="relative z-10 flex flex-wrap gap-1.5 mb-3 pointer-events-auto"> <a href="/blog/etiket/sanal-ofis/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> sanal-ofis </a><a href="/blog/etiket/is-kurma/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> is-kurma </a><a href="/blog/etiket/maliyet/" class="px-2.5 py-1 rounded-lg text-xs bg-gbc-primary/5 text-gbc-primary font-medium hover:bg-gbc-primary/15 transition-colors"> maliyet </a> </div> <!-- Title --> <h3 class="font-display font-bold text-lg text-gbc-secondary mb-2 line-clamp-2 group-hover:text-gbc-primary transition-colors duration-200"> Sanal Ofis Nedir? Avantajları ve İÅletmenize Katkıları </h3> <!-- Description --> <p class="text-text-secondary text-sm leading-relaxed mb-4 line-clamp-3"> Sanal ofis hizmeti nedir, nasıl çalıÅır? İstanbul'da sanal ofis kullanmanın avantajları, maliyetleri ve iÅletmenize saÄladıÄı prestij. </p> <!-- Footer: Date + Read More --> <div class="flex items-center justify-between"> <div class="flex items-center gap-3 text-xs text-text-secondary"> <span class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"></path> </svg>
7 15 Ocak 2026 </span> <span>2 dk okuma</span> </div> <span class="inline-flex items-center gap-1 text-sm font-medium text-gbc-primary group-hover:gap-2 transition-all duration-200"> Devamını Oku <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </span> </div> </div> </div> </div> </div> </section> <section id="cta" class="py-14 sm:py-24 bg-gbc-cream relative overflow-hidden" aria-labelledby="cta-heading"> <!-- Decorative Blob --> <div class="blob-morph-1 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[500px] h-[500px] bg-[radial-gradient(circle_at_50%_50%,rgba(76,92,169,0.1),transparent_70%)] blur-[40px] pointer-events-none"></div> <div class="mx-auto max-w-4xl px-6 text-center relative z-10 reveal-up"> <!-- Icon --> <div class="w-16 h-16 rounded-2xl bg-gbc-primary/10 flex items-center justify-center mx-auto mb-6"> <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-gbc-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0"></path> </svg> </div> <!-- Headline --> <h2 id="cta-heading" class="font-display text-2xl sm:text-3xl lg:text-4xl font-bold text-gbc-secondary mb-4 reveal-text">Ofisinize TaÅınmaya Hazır mısınız?</h2> <p class="text-lg text-text-secondary mb-8 max-w-2xl mx-auto">Hemen formu doldurun, size özel teklifi 24 saat içinde gönderelim.</p> <!-- Buttons --> <div class="flex flex-col sm:flex-row gap-4 justify-center"> <a href="#form" class="group btn-magnetic inline-flex items-center justify-center gap-2 px-8 py-4 rounded-xl text-white font-semibold gradient-flow"> Form Doldur <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </a> <a href="tel:+902129360926" class="inline-flex items-center justify-center gap-3 px-8 py-4 rounded-xl font-semibold text-gbc-secondary bg-white shadow-lg border border-gray-200 hover:shadow-xl transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gbc-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"></path> </svg> 0212 936 09 26 </a> </div> </div> </section> </main> <!-- Sticky Mobile CTA â shown only below lg, after hero scroll --><div id="sticky-cta" class="fixed bottom-0 left-0 right-0 z-30 lg:hidden translate-y-full transition-transform duration-300" style="transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1); padding-bottom: env(safe-area-inset-bottom, 0px);"> <!-- backdrop-blur YOK: sabit tam-geniÅlik blur iOS'ta scroll jank yaratıyor (bkz. Navigation) --> <div class="bg-white border-t border-gray-200 shadow-[0_-4px_20px_rgba(0,0,0,0.08)] px-4 py-3"> <div class="flex items-center gap-2.5 max-w-lg mx-auto"> <a href="tel:+902129360926" data-track="phone_click" data-track-location="sticky-mobile" aria-label="Bizi arayın" class="flex-shrink-0 inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-xl text-sm font-semibold text-gbc-primary border border-gbc-primary/30 bg-white"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.7"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 4h4l2 5-3 2a11 11 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2Z"></path> </svg> Ara </a> <a href="#form" data-cta-quote class="flex-1 inline-flex items-center justify-center gap-2 px-5 py-2.5 rounded-xl text-sm font-semibold text-white bg-gbc-primary btn-magnetic">
7 Form Doldur <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path> </svg> </a> </div> </div> </div>
7<script type="module">const t=document.getElementById("sticky-cta"),n=document.querySelector("[data-quote-modal]");if(t&&n){const e=document.getElementById("whatsapp-fab"),a=()=>{t.classList.remove("translate-y-full"),t.classList.add("translate-y-0"),e&&(e.style.bottom="calc(4.5rem + env(safe-area-inset-bottom, 0px))")},o=()=>{t.classList.add("translate-y-full"),t.classList.remove("translate-y-0"),e&&(e.style.bottom="")},s=()=>{window.scrollY>window.innerHeight*.6?a():o()};window.addEventListener("scroll",s,{passive:!0}),window.addEventListener("resize",s),s()}</script>
7 <footer class="bg-gbc-secondary text-white py-10 sm:py-16"> <div class="mx-auto max-w-7xl px-6"> <h2 class="sr-only">Site Haritası ve İletiÅim</h2> <!-- Main Grid --> <div class="grid grid-cols-2 md:grid-cols-4 gap-6 sm:gap-8 lg:gap-12 mb-8 sm:mb-12"> <!-- Column 1: Brand + Social --> <div class="col-span-2 md:col-span-1"> <img src="/images/logo/gbc-logo.png" alt="Galata Business Center" class="h-10 w-auto mb-4 brightness-0 invert" width="120" height="40"> <p class="text-sm text-white/60 leading-relaxed mb-6">İstanbul'un en prestijli iÅ merkezleri. Levent, 4. Levent ve Taksim'de 8 lokasyon.</p> <div class="flex gap-2"> <a href="https://www.instagram.com/galatabusinesscenter/" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-lg bg-white/10 flex items-center justify-center hover:bg-white/20 hover:scale-110 transition-all duration-300" aria-label="Instagram" data-track="social_click" data-track-platform="Instagram"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2Zm0 1.5A4.25 4.25 0 0 0 3.5 7.75v8.5A4.25 4.25 0 0 0 7.75 20.5h8.5a4.25 4.25 0 0 0 4.25-4.25v-8.5A4.25 4.25 0 0 0 16.25 3.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 1.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm5.25-2.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z" /> </svg> </a><a href="https://tr.linkedin.com/company/galatabusinesscenter" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-lg bg-white/10 flex items-center justify-center hover:bg-white/20 hover:scale-110 transition-all duration-300" aria-label="LinkedIn" data-track="social_click" data-track-platform="LinkedIn"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14Zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93ZM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68Zm1.39 9.94v-8.37H5.5v8.37Z" /> </svg> </a><a href="https://www.youtube.com/@galatabusinesscenter8038" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-lg bg-white/10 flex items-center justify-center hover:bg-white/20 hover:scale-110 transition-all duration-300" aria-label="YouTube" data-track="social_click" data-track-platform="YouTube"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.546 12 3.546 12 3.546s-7.505 0-9.377.504A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.504 9.376.504 9.376.504s7.505 0 9.377-.504a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814ZM9.545 15.568V8.432L15.818 12Z" /> </svg> </a> </div> </div> <!-- Column 2: Services --> <div> <h3 class="font-display font-bold text-sm mb-4">Hizmetler</h3> <ul class="space-y-2"> <li> <a href="/sanal-ofis/" class="text-sm text-white/60 hover:text-white transition-colors">Sanal Ofis</a> </li><li> <a href="/hazir-ofis/" class="text-sm text-white/60 hover:text-white transition-colors">Hazır Ofis</a> </li><li> <a href="/toplanti-odasi/" class="text-sm text-white/60 hover:text-white transition-colors">Toplantı Odası</a> </li><li> <a href="/coworking/" class="text-sm text-white/60 hover:text-white transition-colors">Coworking</a> </li><li> <a href="/enterprise/" class="text-sm text-white/60 hover:text-white transition-colors">Enterprise</a> </li> </ul> </div> <!-- Column 3: Company --> <div> <h3 class="font-display font-bold text-sm mb-4">Åirket</h3> <ul class="space-y-2"> <li> <a href="/hakkimizda/" class="text-sm text-white/60 hover:text-white transition-colors">Hakkımızda</a> </li><li> <a href="/lokasyonlar/" class="text-sm text-white/60 hover:text-white transition-colors">Lokasyonlar</a> </li><li> <a href="/blog/" class="text-sm text-white/60 hover:text-white transition-colors">Blog</a> </li><li> <a href="/iletisim/" class="text-sm text-white/60 hover:text-white transition-colors">İletiÅim</a> </li><li> <a href="/sss/" class="text-sm text-white/60 hover:text-white transition-colors">Sıkça Sorulan Sorular â İstanbul Ofis Hizmetleri</a> </li> </ul> </div> <!-- Column 4: Contact --> <div> <h3 class="font-display font-bold text-sm mb-4">İletiÅim</h3> <ul class="space-y-3"> <li> <a href="tel:+902129360926" class="flex items-center gap-2 text-sm text-white/60 hover:text-white transition-colors" data-track="phone_click" data-track-location="footer"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"></path> </svg> 0212 936 09 26 </a> </li> <li> <a href="mailto:[email protected]" class="flex items-center gap-2 text-sm text-white/60 hover:text-white transition-colors" data-track="email_click" data-track-location="footer"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"></path> </svg>
7 [email protected] </a> </li> <li class="flex items-center gap-2 text-sm text-white/60"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path> </svg> Levent, İstanbul </li> </ul> </div> </div> <!-- Bottom Bar --> <div class="pt-8 border-t border-white/10 flex flex-col sm:flex-row justify-between items-center gap-4"> <p class="text-xs text-white/60">© 2026 Galata Business Center. Tüm hakları saklıdır.</p> <div class="flex gap-4"> <a href="/gizlilik/" class="text-xs text-white/60 hover:text-white transition-colors">Gizlilik Politikası</a> <a href="/kvkk/" class="text-xs text-white/60 hover:text-white transition-colors">KVKK</a> </div> </div> </div> </footer>
7<script type="module">document.addEventListener("click",c=>{const t=c.target.closest("[data-track]");if(!t)return;const e=window.dataLayer;if(!e)return;const n=t.getAttribute("data-track")||"",r={};for(const a of t.attributes)a.name.startsWith("data-track-")&&(r[a.name.replace("data-track-","")]=a.value);e.push({event:n,...r})});</script>
7 <!-- Scroll to Top Button --> <button id="scroll-to-top" class="fixed z-40 w-11 h-11 rounded-full bg-gbc-primary text-white shadow-lg hidden lg:flex items-center justify-center opacity-0 pointer-events-none transition-all duration-300" style="bottom: calc(5rem + env(safe-area-inset-bottom, 0px)); right: 1.5rem;" aria-label="Yukarı Ãık"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5"></path> </svg> </button> <a href="https://wa.me/905012985050?text=Merhaba%2C%20ofis%20hizmetleri%20hakk%C4%B1nda%20bilgi%20almak%20istiyorum." target="_blank" rel="noopener noreferrer" id="whatsapp-fab" class="fixed right-6 z-40 group safe-bottom transition-[bottom] duration-300" aria-label="Size nasıl yardımcı olabiliriz?" data-track="whatsapp_click" data-track-location="floating"> <!-- Tooltip --> <span class="absolute bottom-full right-0 mb-2 px-3 py-1.5 rounded-lg bg-gbc-secondary text-white text-xs font-medium whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none"> Size nasıl yardımcı olabiliriz? </span> <!-- Button --> <div class="w-14 h-14 rounded-full bg-[#25D366] shadow-lg flex items-center justify-center hover:scale-110 hover:shadow-xl transition-all duration-300"> <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 text-white" viewBox="0 0 24 24" fill="currentColor"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z"></path> </svg> </div> </a> <div id="cookie-banner" class="fixed bottom-0 left-0 right-0 z-50 translate-y-full transition-transform duration-500 ease-out" role="dialog" aria-label="Cookie Banner"> <div class="mx-auto max-w-4xl px-4 pb-4 sm:px-6"> <div class="flex flex-col sm:flex-row items-start sm:items-center gap-4 roun
7ded-2xl bg-white/95 backdrop-blur-lg border border-gray-100 shadow-xl px-6 py-4"> <!-- Cookie Icon + Text --> <div class="flex items-start gap-3 flex-1 min-w-0"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gbc-primary flex-shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> </svg> <p class="text-sm text-text-secondary leading-relaxed"> Deneyiminizi iyileÅtirmek ve size uygun reklamlar göstermek için analitik ve reklam çerezleri kullanmak istiyoruz. Bunlar yalnızca onayınızla çalıÅır. <a href="/gizlilik/" class="underline text-gbc-primary hover:text-gbc-primary-dark">Gizlilik Politikası</a> </p> </div> <!-- Buttons â ikisi de eÅit görünürlükte. Ret seçeneÄini silikleÅtirmek karanlık 8 desendir ve KVKK denetiminde geçerli rıza sayılmaz. Mobilde alt alta tam geniÅlik. 9 Etiketler ne yaptıklarını söyler: "Yalnızca Zorunlu", zorunlu çerezlerin çalıÅmaya 10 devam ettiÄini belirtir â eski "Reddet" hepsinin kapandıÄı izlenimi veriyordu. --> <div class="flex flex-col sm:flex-row items-stretch sm:items-center gap-2 sm:gap-3 w-full sm:w-auto flex-shrink-0"> <button id="cookie-accept" class="px-5 py-2 rounded-full bg-gbc-primary text-white text-sm font-semibold hover:bg-gbc-primary-dark transition-colors"> Tümünü Kabul Et </button> <button id="cookie-reject" class="px-5 py-2 rounded-full border-2 border-gbc-primary text-gbc-primary text-sm font-semibold hover:bg-gbc-primary/5 transition-colors"> Yalnızca Zorunlu </button> </div> </div> </div> </div>
10<script type="module">const t=document.getElementById("cookie-banner"),c=document.getElementById("cookie-accept"),a=document.getElementById("cookie-reject");function r(e){try{return localStorage.getItem(e)}catch{return null}}function o(e,n){try{localStorage.setItem(e,n)}catch{}}function s(e){typeof gtag=="function"&>ag("consent","update",{ad_storage:e,ad_user_data:e,ad_personalization:e,analytics_storage:e})}function i(){t&&(t.classList.add("translate-y-full"),t.classList.remove("translate-y-0"))}if(t&&c&&a){if(r("gbc-cookies-accepted")===null){const n=()=>{t.classList.remove("translate-y-full"),t.classList.add("translate-y-0")};"requestAnimationFrame"in window&&requestAnimationFrame(n),setTimeout(n,50)}c.addEventListener("click",()=>{o("gbc-cookies-accepted","true"),i(),s("granted")}),a.addEventListener("click",()=>{o("gbc-cookies-accepted","false"),i(),s("denied")})}</script>
10 <!-- IntersectionObserver + Deferred UI Scripts -->
10<script type="module">const v=new IntersectionObserver(t=>{for(const e of t)e.isIntersecting&&(e.target.classList.add("is-visible"),v.unobserve(e.target))},{threshold:.15});document.querySelectorAll(".reveal-up,.reveal-text").forEach(t=>v.observe(t));const d=t=>{"requestIdleCallback"in window?requestIdleCallback(t,{timeout:3e3}):setTimeout(t,200)};d(()=>{const t=document.querySelectorAll("[data-countup]");if(t.length>0){const e=Array.from({length:21},(l,r)=>r/20);let o=!1;const a=new IntersectionObserver(l=>{o||l.forEach(r=>{const i=Math.min(r.intersectionRatio*1.5,1);t.forEach(c=>{const s=(c.getAttribute("data-countup")||"").match(/^(%?)(\d+)(\+?)$/);if(!s)return;const m=Math.round(i*parseInt(s[2],10));c.textContent=`${s[1]}${m}${s[3]}`}),r.intersectionRatio>.85&&(o=!0)})},{threshold:e}),n=document.getElementById("stats");n&&a.observe(n)}});d(()=>{const t=document.getElementById("scroll-to-top");if(t){const e=()=>{window.scrollY>400?(t.classList.remove("opacity-0","pointer-events-none"),t.classList.add("opacity-100")):(t.classList.add("opacity-0","pointer-events-none"),t.classList.remove("opacity-100"))};window.addEventListener("scroll",e,{passive:!0}),t.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})})}});d(()=>{window.matchMedia("(hover: hover)").matches&&document.querySelectorAll(".btn-magnetic").forEach(e=>{const o=e;o.addEventListener("mousemove",a=>{const n=o.getBoundingClientRect(),l=n.left+n.width/2,r=n.top+n.height/2,i=a.clientX-l,c=a.clientY-r,u=Math.sqrt(i*i+c*c);if(u>100)return;const s=1-u/100;o.style.transform=`translate(${i*s*.3}px, ${c*s*.3}px) scale(1.05)`}),o.addEventListener("mouseleave",()=>{o.style.transform=""})})});d(()=>{document.addEventListener("click",t=>{t.target.closest(".btn-magnetic, .gradient-flow")&&"vibrate"in navigator&&navigator.vibrate(5)},{passive:!0})});</script>
10 <!-- Analytics: GA4 + Google Ads + Web Vitals (deferred for performance) --> <!-- 1. Consent Mode defaults (sync, tiny â must be before gtag) -->
10<script> 11window.dataLayer = window.dataLayer || []; 12function gtag(){dataLayer.push(arguments);} 13(function(){ 14 var c = false; 15 try { c = localStorage.getItem('gbc-cookies-accepted') === 'true'; } catch(e){} 16 var s = c ? 'granted' : 'denied'; 17 gtag('consent', 'default', { 18 ad_storage: s, ad_user_data: s, ad_personalization: s, 19 // wait_for_update 500â2000 (14 Eyl 2026): banner artık 0ms'de açılıyor ama ziyaretçi 20 // önce scroll ederse gtag hemen yüklenir; 500ms pencere kullanıcı "Kabul Et"e basmadan 21 // dolup ilk page_view'ı 'denied' gönderiyordu (Ads remarketing listesi 646 tıklamaya 22 // karÅılık 240 kullanıcıda kalmıÅtı). 2000ms, banner'ın görülüp tıklanmasına yetiyor. 23 // Onay gelmezse süre sonunda yine çerezsiz ping gider â veri kaybolmaz, sadece gecikir. 24 analytics_storage: s, wait_for_update: 2000, 25 // Consent Mode Advanced: send cookieless pings even when denied 26 // This lets Google model conversions for users who haven't accepted cookies 27 url_passthrough: true, 28 ads_data_redaction: true, 29 }); 30})(); 31</script>
31 <!-- 1b. ViewContent verisi (yalnızca prop geçilen sayfalarda) â piksel yüklenmeden ÃNCE hazır olmalı --><!-- 2. Deferred GA4 + Google Ads + Meta Pixel + Web Vitals + Event Tracking -->
31<script> 32(function(){ 33 'use strict'; 34 35 // ââ Persist GCLID + landing page for attribution (survives page navigation) ââ 36 try { 37 if (!sessionStorage.getItem('gbc_landing')) { 38 sessionStorage.setItem('gbc_landing', window.location.pathname); 39 } 40 // İlk-temas yönlendiren: document.referrer yalnız BİR ÃNCEKİ sayfayı verir; ziyaretçi 41 // site içinde tek sayfa gezince ChatGPT/Instagram/organik arama kaynaÄı KAYBOLUR 42 // (CRM'de "site içi gezinme" görünüyordu â 4 Eyl 2026'da 48 lead). Reklamlarda gclid/ 43 // fbclid zaten saklanıyor, bu onların etiketsiz karÅılıÄı. Oturumda bir kez yazılır; 44 // anahtarın VARLIÄI "bakıldı" demektir, boÅ deÄer = doÄrudan giriÅ (asla üzerine yazma). 45 if (sessionStorage.getItem('gbc_first_ref') === null) { 46 var ref = document.referrer || ''; 47 var internal = false; 48 try { 49 // Alt alan adları da BİZ sayılır (portal.galatabusinesscenter.com.tr â "baÅka site" görünmesin) 50 var host = location.hostname.replace(/^www\./, ''); 51 var refHost = ref ? new URL(ref).hostname.replace(/^www\./, '') : ''; 52 internal = !!refHost && (refHost === host || refHost.endsWith('.' + host) || host.endsWith('.' + refHost)); 53 } catch (e) {} 54 sessionStorage.setItem('gbc_first_ref', internal ? '' : ref); 55 } 56 var qs = new URLSearchParams(window.location.search); 57 var gclid = qs.get('gclid'); 58 if (gclid) sessionStorage.setItem('gbc_gclid', gclid); 59 // gbraid/wbraid: iOS ve gizlilik kısıtlı tıklamalarda gclid YERİNE gelir. Yakalanmazsa 60 // o tıklamalar Google'da hiçbir zaman eÅleÅmez (10 Eyl 2026). 61 var gbraid = qs.get('gbraid'); 62 if (gbraid) sessionStorage.setItem('gbc_gbraid', gbraid); 63 var wbraid = qs.get('wbraid'); 64 if (wbraid) sessionStorage.setItem('gbc_wbraid', wbraid); 65 // fbclid: Meta tıklama kimliÄi â Safari/ITP _fbc cookie'sini silebilir, sessionStorage yedeÄi Åart 66 var fbclid = qs.get('fbclid'); 67 if (fbclid) sessionStorage.setItem('gbc_fbclid', fbclid); 68 ['utm_source','utm_medium','utm_campaign','utm_term','utm_content'].forEach(function(k) { 69 var v = qs.get(k); 70 if (v) sessionStorage.setItem('gbc_' + k, v); 71 }); 72 73 // ââ 90 GÃNLÃK KALICI KATMAN (çerez) âââââââââââââââââââââââââââââââââââââââ 74 // sessionStorage sekme kapanınca SİLİNİR: reklama tıklayıp ertesi gün dönen ya da 75 // yeni sekmede açan ziyaretçinin gclid'i kayboluyordu (Google'da eÅleÅme yok). 76 // Google'ın kendi _gcl_aw çerezi de 90 gün + son-tıklama mantıÄıdır; onu izliyoruz: 77 // YENİ tıklama kimliÄi/utm geldiÄinde üzerine yaz, gelmediyse mevcut deÄeri KORU. 78 // İlk-temas alanları (first_ref, landing) bir kez yazılır, asla ezilmez. 79 try { 80 var COOKIE = 'gbc_attr', DAYS = 90; 81 var readAttr = function () { 82 var m = document.cookie.match(/(?:^|;\s*)gbc_attr=([^;]*)/); 83 if (!m) return {}; 84 try { return JSON.parse(decodeURIComponent(m[1])) || {}; } catch (e) { return {}; } 85 }; 86 var attr = readAttr(); 87 var hasNewClick = !!(gclid || gbraid || wbraid); 88 if (hasNewClick) { 89 // Son-tıklama: yeni tıklamada ESKİ kimlikler temizlenir, karıÅmasın 90 attr.gclid = gclid || ''; attr.gbraid = gbraid || ''; attr.wbraid = wbraid || ''; 91 attr.click_ts = Date.now(); 92 } 93 if (fbclid) attr.fbclid = fbclid; 94 var utmSeen = false; 95 ['utm_source','utm_medium','utm_campaign','utm_term','utm_content'].forEach(function (k) { 96 if (qs.get(k)) utmSeen = true; 97 }); 98 if (utmSeen) { 99 ['utm_source','utm_medium','utm_campaign','utm_term','utm_content'].forEach(function (k) { 100 attr[k] = qs.get(k) || ''; 101 }); 102 } 103 if (attr.first_ref === undefined) attr.first_ref = sessionStorage.getItem('gbc_first_ref') || ''; 104 if (!attr.landing) attr.landing = sessionStorage.getItem('gbc_landing') || window.location.pathname; 105 106 var host = location.hostname.replace(/^www\./, ''); 107 // Alt alan adları da okusun (portal.* satın alma atıfı) â localhost'ta domain YAZMA 108 var domainPart = /galatabusinesscenter\.com\.tr$/.test(host) ? '; domain=.galatabusinesscenter.com.tr' : ''; 109 var securePart = location.protocol === 'https:' ? '; Secure' : ''; 110 document.cookie = COOKIE + '=' + encodeURIComponent(JSON.stringify(attr)) + 111 '; max-age=' + (DAYS * 24 * 60 * 60) + '; path=/; SameSite=Lax' + domainPart + securePart; 112 } catch (e) {} 113 } catch(e) {} 114
115 // ââ Marketplace linklerine reklam kimliklerini taÅı (cross-subdomain attribution) ââ 116 // Satın alma portal.galatabusinesscenter.com.tr subdomain'inde olur; reklama 117 // tıklayan yeni müÅterinin gclid/fbclid'ini oraya taÅımazsak satıŠ"kaynaÄı yok" 118 // görünür (reklam kredi alamaz). _fbc/_fbp çerezleri kök domain'de paylaÅımlı, 119 // ama gclid/fbclid/utm çerez deÄil â URL ile geçirilir. Marketplace bunları 120 // yakalayıp PayTR session'ına yazar; ödeme callback'i Purchase'ı bu kimliklerle gönderir. 121 window.__gbcDecoratePortalLinks = function(scope) { 122 try { 123 var ssg = function(k){ try { return sessionStorage.getItem(k) || ''; } catch(e){ return ''; } }; 124 var ids = { 125 gclid: ssg('gbc_gclid'), fbclid: ssg('gbc_fbclid'), 126 utm_source: ssg('gbc_utm_source'), utm_medium: ssg('gbc_utm_medium'), 127 utm_campaign: ssg('gbc_utm_campaign'), utm_term: ssg('gbc_utm_term'), utm_content: ssg('gbc_utm_content'), 128 }; 129 var links = (scope || document).querySelectorAll('a[href*="portal.galatabusinesscenter.com.tr"]'); 130 links.forEach(function(a){ 131 try { 132 var u = new URL(a.href); 133 Object.keys(ids).forEach(function(k){ if (ids[k] && !u.searchParams.has(k)) u.searchParams.set(k, ids[k]); }); 134 a.href = u.toString(); 135 } catch(e){} 136 }); 137 } catch(e){} 138 }; 139 if (document.readyState !== 'loading') window.__gbcDecoratePortalLinks(); 140 else document.addEventListener('DOMContentLoaded', function(){ window.__gbcDecoratePortalLinks(); }); 141 142 // ââ Shared event_id generator for deduplication (browser â CAPI) ââ 143 window.__gbcEventId = function() { 144 return Date.now().toString(36) + Math.random().toString(36).substr(2, 9); 145 }; 146 147 // ââ Helper: send CAPI event server-side ââ 148 // fbc/fbp otomatik eklenir (EMQ + Meta'nın "fbc kapsamı düÅük" önerisi): 149 // _fbc cookie ?? sessionStorage'daki fbclid'den üretim (Safari/ITP cookie siler), _fbp cookie. 150 function __gbcCookie(name) { 151 try { 152 var m = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)')); 153 return m ? decodeURIComponent(m[1]) : ''; 154 } catch (e) { return ''; } 155 } 156 // ââ _fbp bekleyen CAPI kuyruÄu ââ 157 // _fbp çerezini fbevents.js yazar ve o script ASENKRON yüklenir. CAPI beacon'ını 158 // fbq('init') hemen ardından senkron gönderirsek yeni ziyaretçide çerez HENÃZ YOKTUR. 159 // Canlı ölçüm (5 Eyl 2026, /sanal-ofis/, temiz çerez): beacon 4681ms'de fbp=false, 160 // _fbp 5678ms'de yazıldı â PageView'ların yalnızca %34'ünde fbp vardı (geri dönen 161 // ziyaretçiler). Ãözüm: beacon'ı _fbp gelene kadar beklet, tavanda yine de gönder. 162 // Olay ASLA düÅürülmez â fbp'siz olay, hiç olmayan olaydan iyidir. 163 var FBP_TAVAN_MS = 3000; 164 var FBP_YOKLAMA_MS = 100; 165 var __gbcBekleyen = []; 166 167 // Sayfa kapanırsa bekleyen beacon'ları kaçırma (hemen çıkan ziyaretçi). 168 function __gbcFlush() { 169 var kuyruk = __gbcBekleyen.splice(0, __gbcBekleyen.length); 170 for (var i = 0; i < kuyruk.length; i++) { try { kuyruk[i](); } catch (e) {} } 171 } 172 window.addEventListener('pagehide', __gbcFlush); 173 document.addEventListener('visibilitychange', function () { 174 if (document.visibilityState === 'hidden') __gbcFlush(); 175 }); 176 177 window.__gbcCAPI = function(eventName, eventId, userData, customData) { 178 var gonderildi = false; 179 function gonder() { 180 if (gonderildi) return; 181 gonderildi = true; 182 try { 183 var ud = userData || {}; 184 if (!ud.fbc) { 185 var fbc = __gbcCookie('_fbc'); 186 if (!fbc) { 187 var fbclid = ''; 188 try { fbclid = sessionStorage.getItem('gbc_fbclid') || ''; } catch (e) {} 189 if (fbclid) fbc = 'fb.1.' + Date.now() + '.' + fbclid; 190 } 191 if (fbc) ud.fbc = fbc; 192 } 193 if (!ud.fbp) { 194 var fbp = __gbcCookie('_fbp'); 195 if (fbp) ud.fbp = fbp; 196 } 197 var payload = JSON.stringify({ 198 event_name: eventName, 199 event_id: eventId, 200 event_source_url: window.location.href, 201 user_data: ud, 202 custom_data: customData || {}, 203 }); 204 // Blob with application/json â sendBeacon(string) sends text/plain which Vercel rejects 205 navigator.sendBeacon('/api/meta-capi/', new Blob([payload], { type: 'application/json' })); 206 } catch(e) { /* silent fail â browser pixel still fires */ } 207 } 208 209 try { 210 // fbp zaten elimizdeyse bekleme yok. 211 if ((userData && userData.fbp) || __gbcCookie('_fbp')) { gonder(); return; } 212 213 __gbcBekleyen.push(gonder);
214 var basla = Date.now(); 215 var iv = setInterval(function() { 216 if (gonderildi) { clearInterval(iv); return; } 217 if (__gbcCookie('_fbp') || Date.now() - basla >= FBP_TAVAN_MS) { 218 clearInterval(iv); 219 var ix = __gbcBekleyen.indexOf(gonder); 220 if (ix !== -1) __gbcBekleyen.splice(ix, 1); 221 gonder(); 222 } 223 }, FBP_YOKLAMA_MS); 224 } catch(e) { gonder(); } 225 }; 226 227 function initGA() { 228 var s = document.createElement('script'); 229 s.async = true; 230 s.src = 'https://www.googletagmanager.com/gtag/js?id=G-PM41G0DFQ0'; 231 document.head.appendChild(s); 232 233 gtag('js', new Date()); 234 gtag('config', 'G-PM41G0DFQ0', { 235 send_page_view: true, 236 cookie_flags: 'SameSite=None;Secure', 237 }); 238 gtag('config', 'AW-11040593841'); 239 240 loadWebVitals(); 241 } 242 243 // ââ Meta Pixel ââ 244 function initMetaPixel() {
vendor: 420 bytes, lines 244-251
244 245 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 246 n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 247 n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 248 t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 249 document,'script','https://connect.facebook.net/en_US/fbevents.js'); 250 251 fbq('init', '
2512448859658750370
vendor: 9 bytes, lines 251-253
251'); 252 253
253// PageView â browser + CAPI 254 var pvId = window.__gbcEventId(); 255 fbq('track', 'PageView', {}, { eventID: pvId }); 256 window.__gbcCAPI('PageView', pvId); 257 258 // ViewContent â yalnızca içerik adı verilen sayfalarda (lokasyon sayfaları). 259 // BaseLayout'tan viewContentName prop'u ile gelir; PageView'ın YERİNE deÄil YANINA. 260 var vcName = window.__gbcViewContent && window.__gbcViewContent.name; 261 if (vcName) { 262 var vcId = window.__gbcEventId(); 263 var vcData = { 264 content_name: vcName, 265 content_category: window.__gbcViewContent.category || 'office_service', 266 content_type: 'product', 267 }; 268 fbq('track', 'ViewContent', vcData, { eventID: vcId }); 269 window.__gbcCAPI('ViewContent', vcId, {}, vcData); 270 } 271 } 272 273 // WEB VITALS â GA4 274 function sendVital(name, value, id) { 275 if (typeof gtag === 'function') { 276 gtag('event', name, { 277 event_category: 'Web Vitals', 278 event_label: id, 279 value: Math.round(name === 'CLS' ? value * 1000 : value), 280 non_interaction: true, 281 }); 282 } 283 } 284 285 function loadWebVitals() { 286 var s = document.createElement('script'); 287 s.src = 'https://unpkg.com/[email protected]/dist/web-vitals.iife.js'; 288 s.onload = function() { 289 if (window.webVitals) { 290 webVitals.onCLS(function(m) { sendVital('CLS', m.value, m.id); }); 291 webVitals.onLCP(function(m) { sendVital('LCP', m.value, m.id); }); 292 webVitals.onFID(function(m) { sendVital('FID', m.value, m.id); }); 293 webVitals.onTTFB(function(m) { sendVital('TTFB', m.value, m.id); }); 294 webVitals.onINP(function(m) { sendVital('INP', m.value, m.id); }); 295 } 296 }; 297 document.head.appendChild(s); 298 } 299 300 // CTA CLICK TRACKING 301 document.addEventListener('click', function(e) { 302 var target = e.target.closest('a, button'); 303 if (!target || typeof gtag !== 'function') return; 304 305 var href = target.getAttribute('href') || ''; 306 var text = (target.textContent || '').trim().substring(0, 50); 307 308 if (href.startsWith('tel:')) { 309 gtag('event', 'phone_click', { event_category: 'Contact', event_label: href.replace('tel:', ''), link_text: text, value: 50.0, currency: 'TRY' }); 310 // 'conversion' send_to APGiCPn0xvgbELGvyJAp kaldırıldı (4 Eyl 2026): Ads'te silinmiÅ iÅlem; phone_click GA4 import ile Ads'e gidiyor. 311 // Meta Pixel: Contact event 312 if (typeof fbq === 'function') { 313 var cId = window.__gbcEventId(); 314 fbq('track', 'Contact', { content_name: 'phone_click' }, { eventID: cId }); 315 window.__gbcCAPI('Contact', cId, {}, { content_name: 'phone_click', value: 50.0, currency: 'TRY' }); 316 } 317 return; 318 } 319 if (href.includes('wa.me') || href.includes('whatsapp')) { 320 gtag('event', 'whatsapp_click', { event_category: 'Contact', event_label: 'whatsapp', link_text: text, value: 50.0, currency: 'TRY' }); 321 // 'conversion' send_to -6LfCOifx_gbELGvyJAp kaldırıldı (4 Eyl 2026): Ads'te silinmiÅ iÅlem; whatsapp_click GA4 import ile Ads'e gidiyor. 322 // Meta Pixel: Contact event 323 if (typeof fbq === 'function') { 324 var wId = window.__gbcEventId(); 325 fbq('track', 'Contact', { content_name: 'whatsapp_click' }, { eventID: wId }); 326 window.__gbcCAPI('Contact', wId, {}, { content_name: 'whatsapp_click', value: 50.0, currency: 'TRY' }); 327 } 328 return; 329 } 330 if (href.startsWith('mailto:')) { 331 gtag('event', 'email_click', { event_category: 'Contact', event_label: href.replace('mailto:', '') }); 332 return; 333 } 334 // Marketplace satın alma/rezervasyon niyeti (portal subdomain) â InitiateCheckout. 335 // Purchase DEÄİL â asıl dönüÅüm ödeme sonrası PayTR callback'ten server-side gider. 336 // Tıklanan linki senkron dekore et (kimlikler marketplace'e taÅınsın), sonra event. 337 if (href.indexOf('portal.galatabusinesscenter.com.tr') !== -1) { 338 if (typeof window.__gbcDecoratePortalLinks === 'function' && target.tagName === 'A') { 339 try { window.__gbcDecoratePortalLinks({ querySelectorAll: function(){ return [target]; } }); } catch(e){} 340 } 341 var isBook = (target.getAttribute('data-track') === 'portal_book') || href.indexOf('toplanti') !== -1; 342 gtag('event', 'begin_checkout', { event_category: 'Marketplace', event_label: text, link_url: href, intent: isBook ? 'reserve' : 'buy' }); 343 if (typeof fbq === 'function') { 344 var icId = window.__gbcEventId(); 345 fbq('track', 'InitiateCheckout', { content_name: text, content_category: 'workspace' }, { eventID: icId }); 346 window.__gbcCAPI('InitiateCheckout', icId, {}, { content_name: text, content_category: 'workspace' }); 347 } 348 return; 349 } 350 if (target.classList.contains('btn-magnetic') || target.classList.contains('gradient-flow') || 351 href.includes('#form') || href.includes('#iletisim') || href.includes('/iletisim') || href.includes('/contact')) { 352 gtag('event', 'cta_click', { event_category: 'CTA', event_label: text, link_url: href }); 353 // Meta Pixel: CTA â Schedule event (user wants to take action) 354 if (typeof fbq === 'function') { 355 fbq('trackCustom', 'CTAClick', { content_name: text, content_category: 'CTA' }); 356 } 357 } 358 }, { passive: true }); 359 360 // SCROLL DEPTH TRACKING 361 var marks = { 25: false, 50: false, 75: false, 100: false }; 362 function checkScroll() { 363 if (typeof gtag !== 'function') return; 364 var h = document.documentElement.scrollHeight - window.innerHeight; 365 if (h <= 0) return; 366 var pct = Math.round((window.scrollY / h) * 100);
367 [25, 50, 75, 100].forEach(function(m) { 368 if (pct >= m && !marks[m]) { 369 marks[m] = true; 370 gtag('event', 'scroll_depth', { event_category: 'Engagement', event_label: m + '%', value: m, non_interaction: true }); 371 } 372 }); 373 } 374 var st; 375 window.addEventListener('scroll', function() { clearTimeout(st); st = setTimeout(checkScroll, 200); }, { passive: true }); 376 377 // DEFER GA + META PIXEL: first interaction OR fallback timeout 378 // (Lighthouse 2026-05-18: TBT 2510ms â target â¤1000ms; 379 // GA gtag.js = 174KB + 154ms parse on mobile slow 4G â interaction-defer cuts this from initial bootup) 380 var analyticsLoaded = false; 381 function loadAnalyticsOnce() { 382 if (analyticsLoaded) return; 383 analyticsLoaded = true; 384 initGA(); 385 loadMetaOnce(); // GA etkileÅimle erken gelirse piksel de gecikmesin 386 // cleanup listeners 387 ['scroll', 'mousemove', 'touchstart', 'keydown', 'click'].forEach(function(evt) { 388 window.removeEventListener(evt, loadAnalyticsOnce, { passive: true }); 389 }); 390 } 391 ['scroll', 'mousemove', 'touchstart', 'keydown', 'click'].forEach(function(evt) { 392 window.addEventListener(evt, loadAnalyticsOnce, { passive: true, once: true }); 393 }); 394 // Fallback: 4s after page load even if no interaction (PageView event integrity) 395 setTimeout(loadAnalyticsOnce, 4000); 396 397 // ââ Meta pikseli GA'dan AYRI ve DAHA ERKEN ââ 398 // _fbp çerezini fbevents.js yazar; 4sn/etkileÅim defer'inde beklersek hemen çıkan 399 // ziyaretçi hiç PageView üretmez ve fbp kapsamı düÅük kalır. fbevents.js ~70KB, 400 // gtag.js ~174KB â TBT'nin asıl kaynaÄı gtag, o defer'de KALIYOR (Lighthouse 98 401 // korunsun diye). Piksel load sonrası ilk boÅ karede yüklenir: LCP ile yarıÅmaz. 402 var metaLoaded = false; 403 function loadMetaOnce() { 404 if (metaLoaded) return; 405 metaLoaded = true; 406 initMetaPixel(); 407 } 408 function scheduleMeta() { 409 if ('requestIdleCallback' in window) { 410 requestIdleCallback(loadMetaOnce, { timeout: 1500 }); 411 } else { 412 setTimeout(loadMetaOnce, 1200); 413 } 414 setTimeout(loadMetaOnce, 2500); // rIC hiç tetiklenmezse garanti (arka plan sekmesi) 415 } 416 if (document.readyState === 'complete') scheduleMeta(); 417 else window.addEventListener('load', scheduleMeta, { once: true }); 418 419})(); 420</script>
420 </body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.