/*! Tailwind static build — handcrafted for izul.my.id (~10KB minified)
    Replaces https://cdn.tailwindcss.com (~3MB) with only the classes used.
    Generated for index.html on 2026-05-08 */

/* === Reset / base === */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#1f262d}
::before,::after{--tw-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type='search']{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button,[role="button"]{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}

/* === Custom palette tokens === */
:root{
  --ink-950:#07090b;--ink-900:#0b0f12;--ink-800:#11161b;--ink-700:#1a2128;--ink-600:#252e36;
  --line:#1f262d;--mute:#7c8a96;--fore:#e6ecef;--neon:#39ff88;--neon2:#7cffb1;
}

/* === Layout === */
.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}
.inset-0{inset:0}.top-0{top:0}.top-1\.5{top:.375rem}.-left-\[37px\]{left:-37px}
.z-40{z-index:40}
.block{display:block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.hidden{display:none}
.h-16{height:4rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}
.w-2\.5{width:.625rem}.w-3{width:.75rem}
.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}
.mx-auto{margin-left:auto;margin-right:auto}
.ml-2{margin-left:.5rem}
.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}
.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-10{margin-bottom:2.5rem}
.pt-4{padding-top:1rem}.pt-16{padding-top:4rem}
.pb-20{padding-bottom:5rem}
.pl-3{padding-left:.75rem}.pl-8{padding-left:2rem}
.p-1\.5{padding:.375rem}.p-5{padding:1.25rem}.p-8{padding:2rem}
.px-2\.5{padding-left:.625rem;padding-right:.625rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-24{padding-top:6rem;padding-bottom:6rem}

/* === Flex / grid === */
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}
.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-px{gap:1px}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}
.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}
.space-y-12>:not([hidden])~:not([hidden]){margin-top:3rem}

/* === Typography === */
.font-sans{font-family:Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.font-mono{font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace}
.font-display{font-family:'Instrument Serif',Georgia,'Times New Roman',serif;font-weight:400}
.font-medium{font-weight:500}.font-semibold{font-weight:600}
.italic{font-style:italic}
.uppercase{text-transform:uppercase}
.text-center{text-align:center}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[44px\]{font-size:44px;line-height:1}
.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}
.leading-\[0\.95\]{line-height:.95}.leading-\[1\]{line-height:1}
.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}
.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.2em\]{letter-spacing:.2em}
.whitespace-nowrap{white-space:nowrap}

/* === Colors === */
.text-fore{color:var(--fore)}
.text-fore\/60{color:rgb(230 236 239 / .6)}
.text-fore\/65{color:rgb(230 236 239 / .65)}
.text-fore\/70{color:rgb(230 236 239 / .7)}
.text-fore\/75{color:rgb(230 236 239 / .75)}
.text-fore\/80{color:rgb(230 236 239 / .8)}
.text-mute{color:var(--mute)}
.text-neon{color:var(--neon)}
.text-ink-950{color:var(--ink-950)}
.bg-ink-950{background-color:var(--ink-950)}
.bg-ink-950\/70{background-color:rgb(7 9 11 / .7)}
.bg-ink-900\/30{background-color:rgb(11 15 18 / .3)}
.bg-ink-900\/40{background-color:rgb(11 15 18 / .4)}
.bg-ink-900\/60{background-color:rgb(11 15 18 / .6)}
.bg-line{background-color:var(--line)}
.bg-neon{background-color:var(--neon)}
.bg-neon\/70{background-color:rgb(57 255 136 / .7)}
.bg-fore\/15{background-color:rgb(230 236 239 / .15)}
.bg-fore\/30{background-color:rgb(230 236 239 / .3)}

/* === Borders / shadows / radius === */
.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}
.shadow-\[0_0_14px_rgba\(57\,255\,136\,0\.7\)\]{box-shadow:0 0 14px rgba(57,255,136,.7)}
.overflow-hidden{overflow:hidden}
.opacity-60{opacity:.6}
.pointer-events-none{pointer-events:none}
.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* === Hover states === */
.hover\:bg-neon2:hover{background-color:var(--neon2)}
.hover\:border-neon:hover{border-color:var(--neon)}
.hover\:text-fore:hover{color:var(--fore)}
.hover\:text-neon:hover{color:var(--neon)}

/* === Custom utility classes from style block === */
html{scroll-behavior:smooth}
body{font-family:Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:#07090b;color:#e6ecef}
.hairline{border-color:#1f262d}
.neon-text{color:#39ff88}
.neon-glow{text-shadow:0 0 18px rgba(57,255,136,.45)}
.grid-bg{background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px}
.radial-glow{background:radial-gradient(900px 500px at 80% -10%,rgba(57,255,136,.10),transparent 60%),radial-gradient(700px 400px at 0% 30%,rgba(57,255,136,.04),transparent 60%)}
.marquee{display:flex;gap:3rem;animation:scroll 40s linear infinite;width:max-content}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.dot::before{content:"";display:inline-block;width:6px;height:6px;background:#39ff88;border-radius:9999px;margin-right:8px;box-shadow:0 0 10px rgba(57,255,136,.7);vertical-align:middle}
.blink{animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.card-hover{transition:border-color .25s ease,transform .25s ease,background .25s ease}
.card-hover:hover{border-color:#39ff88;background:#11161b}
[data-lang="en"]{display:none}
html[data-locale="en"] [data-lang="en"]{display:inline}
html[data-locale="en"] [data-lang="id"]{display:none}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:50;background:#39ff88;color:#07090b;padding:.5rem .75rem;border-radius:.375rem}

/* === Responsive: sm (640px+) === */
@media (min-width:640px){
  .sm\:inline-flex{display:inline-flex}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:gap-6{gap:1.5rem}
  .sm\:px-3\.5{padding-left:.875rem;padding-right:.875rem}
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .sm\:pl-4{padding-left:1rem}
  .sm\:py-4{padding-top:1rem;padding-bottom:1rem}
  .sm\:py-24{padding-top:6rem;padding-bottom:6rem}
  .sm\:py-28{padding-top:7rem;padding-bottom:7rem}
  .sm\:pt-20{padding-top:5rem}
  .sm\:pb-24{padding-bottom:6rem}
  .sm\:mt-8{margin-top:2rem}
  .sm\:mt-14{margin-top:3.5rem}
  .sm\:mb-14{margin-bottom:3.5rem}
  .sm\:text-sm{font-size:.875rem;line-height:1.25rem}
  .sm\:text-base{font-size:1rem;line-height:1.5rem}
  .sm\:text-lg{font-size:1.125rem;line-height:1.75rem}
  .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .sm\:text-5xl{font-size:3rem;line-height:1}
  .sm\:text-6xl{font-size:3.75rem;line-height:1}
  .sm\:text-\[11px\]{font-size:11px}
}

/* === Responsive: md (768px+) === */
@media (min-width:768px){
  .md\:flex{display:flex}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* === Responsive: lg (1024px+) === */
@media (min-width:1024px){
  .lg\:col-span-2{grid-column:span 2/span 2}
  .lg\:col-span-4{grid-column:span 4/span 4}
  .lg\:col-span-7{grid-column:span 7/span 7}
  .lg\:col-span-8{grid-column:span 8/span 8}
  .lg\:col-start-6{grid-column-start:6}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:gap-12{gap:3rem}
  .lg\:p-10{padding:2.5rem}
  .lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}
  .lg\:py-32{padding-top:8rem;padding-bottom:8rem}
  .lg\:py-36{padding-top:9rem;padding-bottom:9rem}
  .lg\:pt-28{padding-top:7rem}
  .lg\:pb-32{padding-bottom:8rem}
  .lg\:text-xl{font-size:1.25rem;line-height:1.75rem}
  .lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .lg\:text-5xl{font-size:3rem;line-height:1}
  .lg\:text-7xl{font-size:4.5rem;line-height:1}
  .lg\:text-\[88px\]{font-size:88px;line-height:1}
}