/* Layout & Sizing */
    .w-full { width: 100%; }
    .h-full { height: 100%; }
    .min-h-screen { min-height: 100vh; }
    .max-w-\[1280px\] { max-width: 1280px; }
    .max-w-\[900px\] { max-width: 900px; }
    .max-w-\[600px\] { max-width: 600px; }
    .max-w-\[1400px\] { max-width: 1400px; }
    .max-w-\[462px\] { max-width: 462px; }
    .w-2 { width: 0.5rem; }
    .h-2 { height: 0.5rem; }
    .w-4 { width: 1rem; }
    .h-4 { height: 1rem; }
    .w-5 { width: 1.25rem; }
    .h-5 { height: 1.25rem; }
    .w-6 { width: 1.5rem; }
    .h-6 { height: 1.5rem; }
    .w-8 { width: 2rem; }
    .h-8 { height: 2rem; }
    .w-\[86px\] { width: 86px; }
    .h-\[22px\] { height: 22px; }
    .w-\[108\.095px\] { width: 108.095px; }
    .h-\[14\.934px\] { height: 14.934px; }
    .h-\[24px\] { height: 24px; }
    .h-\[32px\] { height: 32px; }
    .h-\[200px\] { height: 200px; }
    .h-\[260px\] { height: 260px; }
    .bottom-\[231px\] { bottom: 231px; }
    .bottom-\[271px\] { bottom: 271px; }
    .rounded-lg { border-radius: 0.5rem; }
    .rounded-full { border-radius: 9999px; }
    .rounded-bl-\[8px\] { border-bottom-left-radius: 8px; }
    .rounded-tl-\[8px\] { border-top-left-radius: 8px; }
    .rounded-\[28px\] { border-radius: 28px; }
    .rounded-\[36px\] { border-radius: 36px; }
    .rounded-\[8px\] { border-radius: 8px; }
    .mx-auto { margin-left: auto; margin-right: auto; }
    .my-auto { margin-top: auto; margin-bottom: auto; }
    .mb-1 { margin-bottom: 0.25rem; }
    .mb-2 { margin-bottom: 0.5rem; }
    .mb-3 { margin-bottom: 0.75rem; }
    .mb-4 { margin-bottom: 1rem; }
    .mb-8 { margin-bottom: 2rem; }
    .mb-12 { margin-bottom: 3rem; }
    .mt-0 { margin-top: 0; }
    .pt-1 { padding-top: 0.25rem; }
    .pt-\[16px\] { padding-top: 16px; }
    .pb-\[0px\] { padding-bottom: 0px; }
    .pr-\[0px\] { padding-right: 0px; }
    .pl-\[0px\] { padding-left: 0px; }
    .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
    .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
    .px-4 { padding-left: 1rem; padding-right: 1rem; }
    .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
    .px-8 { padding-left: 2rem; padding-right: 2rem; }
    .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
    .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
    .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
    .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
    .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
    .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
    .py-16 { padding-top: 4rem; padding-bottom: 4rem; }
    .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem; }
    .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem; }
    .gap-2 { gap: 0.5rem; }
    .gap-3 { gap: 0.75rem; }
    .gap-4 { gap: 1rem; }
    .gap-6 { gap: 1.5rem; }
    .gap-8 { gap: 2rem; }
    .gap-\[5px\] { gap: 5px; }
    .gap-\[7px\] { gap: 7px; }
    .flex { display: flex; }
    .flex-row { flex-direction: row; }
    .flex-col { flex-direction: column; }
    .flex-wrap { flex-wrap: wrap; }
    .items-center { align-items: center; }
    .items-start { align-items: flex-start; }
    .justify-center { justify-content: center; }
    .justify-between { justify-content: space-between; }
    .shrink-0 { flex-shrink: 0; }
    .relative { position: relative; }
    .absolute { position: absolute; }
    .top-1\/2 { top: 50%; }
    .bottom-2 { bottom: 0.5rem; }
    .left-1\/2 { left: 50%; }
    .left-0 { left: 0; }
    .left-2 { left: 0.5rem; }
    .right-0 { right: 0; }
    .right-2 { right: 0.5rem; }
    .transform { transform: translate(0, 0); }
    .-translate-y-1\/2 { transform: translateY(-50%); }
    .-translate-x-1\/2 { transform: translateX(-50%); }
    .z-10 { z-index: 10; }
    .overflow-hidden { overflow: hidden; }
    .overflow-clip { overflow: clip; }
    .border { border-width: 1px; border-style: solid; border-color: #e5e7eb; }
    .border-t { border-top-width: 1px; }
    .border-b { border-bottom-width: 1px; }
    .border-\[0\.5px\] { border-width: 0.5px; }
    .border-black { border-color: #000; }
    .border-\[\#5f6c7b\] { border-color: #5f6c7b; }
    .border-\[\#e9ecef\] { border-color: #e9ecef; }
    .border-\[\#41484d\] { border-color: #41484d; }
    .bg-white { background-color: #fff; }
    .bg-black { background-color: #000; }
    .bg-opacity-50 { background-color: rgba(0,0,0,0.5); }
    .bg-opacity-70 { background-color: rgba(0,0,0,0.7); }
    .bg-\[\#f8f9fa\] { background-color: #f8f9fa; }
    .bg-\[\#3a3e52\] { background-color: #3a3e52; }
    .bg-\[\#dee1ec\] { background-color: #dee1ec; }
    .bg-\[\#222222\] { background-color: #222222; }
    .bg-\[\#080f17\] { background-color: #080f17; }
    .bg-\[\#41484d\] { background-color: #41484d; }
    .bg-\[\#3a465b\] { background-color: #3a465b; }
    .bg-background { background-color: #f5f6fa; }
    .bg-center { background-position: center; }
    .bg-cover { background-size: cover; }
    .bg-no-repeat { background-repeat: no-repeat; }
    .text-center { text-align: center; }
    .text-white { color: #fff; }
    .text-black { color: #000; }
    .text-\[\#5f6c7b\] { color: #5f6c7b; }
    .text-\[\#9da1b8\] { color: #9da1b8; }
    .text-\[\#3a465b\] { color: #3a465b; }
    .font-bold { font-weight: 700; }
    .font-semibold { font-weight: 600; }
    .font-medium { font-weight: 500; }
    .font-normal { font-weight: 400; }
    .leading-none { line-height: 1; }
    .leading-\[40px\] { line-height: 40px; }
    .leading-\[67px\] { line-height: 67px; }
    .tracking-\[-0\.5px\] { letter-spacing: -0.5px; }
    .tracking-\[-1\.08px\] { letter-spacing: -1.08px; }
    .text-\[10px\] { font-size: 10px; }
    .text-\[12px\] { font-size: 12px; }
    .text-\[13px\] { font-size: 13px; }
    .text-\[14px\] { font-size: 14px; }
    .text-\[15px\] { font-size: 15px; }
    .text-\[16px\] { font-size: 16px; }
    .text-\[18px\] { font-size: 18px; }
    .text-\[20px\] { font-size: 20px; }
    .text-\[24px\] { font-size: 24px; }
    .text-\[26px\] { font-size: 26px; }
    .text-\[32px\] { font-size: 32px; }
    .text-\[54px\] { font-size: 54px; }
    .text-\[24px\] { font-size: 24px; }
    .text-\[20px\] { font-size: 20px; }
    .text-\[18px\] { font-size: 18px; }
    .text-\[16px\] { font-size: 16px; }
    .text-\[15px\] { font-size: 15px; }
    .text-\[14px\] { font-size: 14px; }
    .text-\[13px\] { font-size: 13px; }
    .text-\[12px\] { font-size: 12px; }
    .text-\[10px\] { font-size: 10px; }
    .font-semibold { font-weight: 600; }
    .font-bold { font-weight: 700; }
    .font-medium { font-weight: 500; }
    .font-normal { font-weight: 400; }
    .hover\:opacity-70:hover { opacity: 0.7; }
    .hover\:opacity-90:hover { opacity: 0.9; }
    .transition-all { transition: all 0.2s; }
    .transition-opacity { transition: opacity 0.2s; }
    .transition-transform { transition: transform 0.3s; }
    .duration-200 { transition-duration: 200ms; }
    .duration-300 { transition-duration: 300ms; }
    .ease-in-out { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }
    .object-contain { object-fit: contain; }
    .object-cover { object-fit: cover; }
    .break-all { word-break: break-all; }
    .border-none { border: none; }
    .shadow-\[-2px_2px_0px_0px_black\] { box-shadow: -2px 2px 0px 0px #000; }
    .block { display: block; }
    .size-full { width: 100%; height: 100%; }
    .hidden { display: none; }

    /* Grid */
    .grid { display: grid; }
    .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }

    /* Responsive styles (sm, md, lg) */
    @media (min-width: 640px) {
        .sm\:h-\[32px\] { height: 32px; }
        .sm\:h-\[85px\] { height: 85px; }
        .sm\:py-24 { padding-top: 6rem; padding-bottom: 6rem; }
        .sm\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }
        .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; }
        .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; }
        .sm\:px-0 { padding-left: 0; padding-right: 0; }
        .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
        .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; }
        .sm\:mb-4 { margin-bottom: 1rem; }
        .sm\:mb-3 { margin-bottom: 0.75rem; }
        .sm\:mb-8 { margin-bottom: 2rem; }
        .sm\:mb-12 { margin-bottom: 3rem; }
        .sm\:text-\[12px\] { font-size: 12px; }
        .sm\:text-\[14px\] { font-size: 14px; }
        .sm\:text-\[15px\] { font-size: 15px; }
        .sm\:text-\[16px\] { font-size: 16px; }
        .sm\:text-\[18px\] { font-size: 18px; }
        .sm\:text-\[20px\] { font-size: 20px; }
        .sm\:text-\[24px\] { font-size: 24px; }
        .sm\:text-\[26px\] { font-size: 26px; }
        .sm\:text-\[32px\] { font-size: 32px; }
        .sm\:text-\[54px\] { font-size: 54px; }
        .sm\:leading-\[67px\] { line-height: 67px; }
        .sm\:tracking-\[-1\.08px\] { letter-spacing: -1.08px; }
        .sm\:gap-4 { gap: 1rem; }
        .sm\:gap-3 { gap: 0.75rem; }
        .sm\:gap-8 { gap: 2rem; }
        .sm\:p-3 { padding: 0.75rem; }
        .sm\:p-6 { padding: 1.5rem; }
        .sm\:w-8 { width: 2rem; }
        .sm\:h-8 { height: 2rem; }
        .sm\:w-5 { width: 1.25rem; }
        .sm\:h-4 { height: 1rem; }
        .sm\:w-4 { width: 1rem; }
        .sm\:pl-3 { padding-left: 0.75rem; }
        .sm\:pr-4 { padding-right: 1rem; }
        .sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
        .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; }
        .sm\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
        .sm\:h-\[260px\] { height: 260px; }
        .sm\:bottom-\[271px\] { bottom: 271px; }
        .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem; }
        .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem; }
    }
    @media (min-width: 768px) {
        .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (min-width: 1024px) {
        .lg\:px-16 { padding-left: 4rem; padding-right: 4rem; }
    }