@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_7b064e0d-module__MOT0tq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_7b064e0d-module__MOT0tq__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.f2220059.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.f6f1950f.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.bd5f4d11.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.51c18f09.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.23358719.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.15008bfb.woff2)format("woff2");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:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_84d6efd-module__5Hl15a__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_84d6efd-module__5Hl15a__variable{--font-jetbrains-mono:"JetBrains Mono","JetBrains Mono Fallback"}
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--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-font-weight:initial;--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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--color-red-400:#ff6568;--color-red-600:#e40014;--color-red-700:#bf000f;--color-red-900:#82181a;--color-yellow-400:#fac800;--color-yellow-900:#733e0a;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-700:#008138;--color-green-900:#0d542b;--color-blue-400:#54a2ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-800:#193cb8;--color-blue-900:#1c398e;--color-purple-600:#9810fa;--color-purple-900:#59168b;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-gray-950:#030712;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--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:calc(2.25/1.875);--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;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--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-primary:var(--color-primary);--color-secondary:var(--color-secondary)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-900:lab(32.3865% 21.1273 38.5959);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-green-900:lab(30.797% -29.6927 17.382);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-purple-900:lab(24.9401% 45.2703 -51.2728);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254);--color-gray-950:lab(1.90334% .278696 -5.48866)}}}@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,ui-sans-serif,system-ui,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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{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}::-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{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-10{z-index:10}.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-auto{margin-inline:auto}.my-16{margin-block:calc(var(--spacing)*16)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-\[2px\]{margin-top:2px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-12{margin-left:calc(var(--spacing)*12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.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-none{max-width:none}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}: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-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)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-blue-800{border-color:var(--color-blue-800)}.border-blue-800\/50{border-color:#193cb880}@supports (color:color-mix(in lab, red, red)){.border-blue-800\/50{border-color:color-mix(in oklab,var(--color-blue-800)50%,transparent)}}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-800{border-color:var(--color-gray-800)}.border-green-900{border-color:var(--color-green-900)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\/50{border-color:#82181a80}@supports (color:color-mix(in lab, red, red)){.border-red-900\/50{border-color:color-mix(in oklab,var(--color-red-900)50%,transparent)}}.border-yellow-900{border-color:var(--color-yellow-900)}.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-blue-600{background-color:var(--color-blue-600)}.bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.bg-blue-900\/30{background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/50{background-color:#10182880}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/50{background-color:color-mix(in oklab,var(--color-gray-900)50%,transparent)}}.bg-gray-950{background-color:var(--color-gray-950)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-900\/20{background-color:#0d542b33}@supports (color:color-mix(in lab, red, red)){.bg-green-900\/20{background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.bg-red-900\/20{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-yellow-900\/20{background-color:#733e0a33}@supports (color:color-mix(in lab, red, red)){.bg-yellow-900\/20{background-color:color-mix(in oklab,var(--color-yellow-900)20%,transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--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-blue-900\/50{--tw-gradient-from:#1c398e80}@supports (color:color-mix(in lab, red, red)){.from-blue-900\/50{--tw-gradient-from:color-mix(in oklab,var(--color-blue-900)50%,transparent)}}.from-blue-900\/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-purple-600{--tw-gradient-to:var(--color-purple-600);--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-purple-900\/50{--tw-gradient-to:#59168b80}@supports (color:color-mix(in lab, red, red)){.to-purple-900\/50{--tw-gradient-to:color-mix(in oklab,var(--color-purple-900)50%,transparent)}}.to-purple-900\/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))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-4{padding-top:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.text-center{text-align:center}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-pre-line{white-space:pre-line}.text-blue-400{color:var(--color-blue-400)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-900{color:var(--color-gray-900)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-red-400{color:var(--color-red-400)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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,)}.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-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-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))}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.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\:text-blue-400:is(:where(.group):hover *){color:var(--color-blue-400)}}.open\:bg-gray-900:is([open],:popover-open,:open){background-color:var(--color-gray-900)}@media (hover:hover){.hover\:border-gray-700:hover{border-color:var(--color-gray-700)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--color-primary:#ff6b00;--color-primary-dark:#e55a00;--color-primary-light:#ff8533;--color-secondary:#1e40af;--color-secondary-dark:#1e3a8a;--color-secondary-light:#3b82f6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--background:#fff;--foreground:#111827;--background-subtle:#f9fafb;--background-muted:#f3f4f6;--editor-bg:#fff;--editor-fg:#1f2937;--editor-line-number:#9ca3af;--editor-selection:#bfdbfe;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}@media (min-width:768px){h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}.btn{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:#fff;box-shadow:0 4px 14px #ff6b0059}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b0073}.btn-secondary{background:var(--background);color:var(--foreground);border:2px solid var(--color-gray-200)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{color:var(--foreground);background:0 0}.btn-ghost:hover{background:var(--background-muted)}.card{background:var(--background);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-glass{-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff3}.container{width:100%;max-width:1280px;padding:0 var(--spacing-md);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-xl)}}.section{padding:var(--spacing-3xl)0}pre,code{font-family:var(--font-mono)}.code-block{background:var(--editor-bg);color:var(--editor-fg);border-radius:var(--radius-lg);padding:var(--spacing-lg);font-size:14px;line-height:1.6;overflow-x:auto}.code-block code{background:0 0;padding:0}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{color:var(--color-primary);background:#ff6b001a}.badge-success{color:var(--color-success);background:#10b9811a}.grid-2,.grid-3,.grid-4{gap:var(--spacing-lg);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.feature-box{text-align:center;padding:var(--spacing-xl);border-radius:var(--radius-xl);background:var(--background);border:1px solid var(--color-gray-100);transition:all var(--transition-base);flex-direction:column;align-items:center;display:flex}.feature-box:hover{border-color:var(--color-primary);box-shadow:0 0 0 4px #ff6b001a}.feature-icon{border-radius:var(--radius-xl);width:64px;height:64px;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#ff6b001a 0%,#ff6b000d 100%);justify-content:center;align-items:center;font-size:28px;display:flex}.table-container{border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-gray-200)}th{background:var(--background-subtle);font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background:var(--background-subtle)}.faq-item{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg)0}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.faq-answer{margin-top:var(--spacing-md);color:var(--color-gray-600);line-height:1.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.5s ease-out fadeIn}.animate-slide-up{animation:.5s ease-out slideUp}.text-gradient{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--color-gray-500)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton{background:linear-gradient(90deg,var(--color-gray-200)25%,var(--color-gray-100)50%,var(--color-gray-200)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-header{text-align:center;margin-bottom:60px}.page-header h1{margin-bottom:16px;font-size:2.5rem}.page-header p{color:var(--color-gray-600);max-width:700px;margin:0 auto 32px;font-size:1.125rem;line-height:1.7}.stats-row{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-value{color:var(--color-primary);font-size:2rem;font-weight:700}.stat-label{color:var(--color-gray-500);font-size:.875rem}.categories-grid{grid-template-columns:repeat(1,1fr)!important;gap:24px!important;display:grid!important}@media (min-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1024px){.categories-grid{grid-template-columns:repeat(3,1fr)!important}}.category-card{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;padding:28px;text-decoration:none;display:flex}.category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.category-icon{margin-bottom:16px;font-size:2.5rem}.category-card h3{color:var(--foreground);margin-bottom:8px;font-size:1.25rem}.category-card p{color:var(--color-gray-600);flex-grow:1;font-size:.95rem;line-height:1.6}.category-footer{border-top:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.category-card.green{border-color:#22c55e}.category-card.orange{border-color:#f59e0b}.category-card.purple{border-color:#8b5cf6}.tutorial-card,.program-card{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:all var(--transition-base);align-items:center;gap:20px;padding:24px;text-decoration:none;display:flex}.tutorial-card:hover,.program-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translate(8px)}.tutorial-number,.program-number{background:var(--background-muted);width:44px;height:44px;color:var(--color-gray-600);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.tutorial-card:hover .tutorial-number,.program-card:hover .program-number{background:var(--color-primary);color:#fff}.tutorial-content,.program-content{flex-grow:1}.tutorial-content h3,.program-content h3{color:var(--foreground);margin-bottom:6px;font-size:1.125rem}.tutorial-content p,.program-content p{color:var(--color-gray-600);margin-bottom:8px;font-size:.9rem;line-height:1.5}.tutorial-meta,.program-meta{gap:16px;font-size:.8rem;display:flex}.read-time,.methods-count{color:var(--color-gray-500)}.difficulty{text-transform:capitalize;color:var(--color-primary);border-radius:var(--radius-full);background:#ff6b001a;padding:2px 8px;font-weight:500}.tutorial-arrow,.program-arrow{color:var(--color-gray-300);transition:all var(--transition-fast);flex-shrink:0;font-size:1.5rem}.tutorial-card:hover .tutorial-arrow,.program-card:hover .program-arrow{color:var(--color-primary);transform:translate(4px)}.cta-section{text-align:center;background:var(--background-subtle);border-radius:var(--radius-2xl);margin-top:80px;padding:60px 40px}.cta-section h2{margin-bottom:12px;font-size:1.75rem}.cta-section p{color:var(--color-gray-600);margin-bottom:24px}.cta-section.gradient{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:#fff}.cta-section.gradient h2{color:#fff}.cta-section.gradient p{color:#ffffffe6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.legal-page{padding:40px 0 80px}.legal-content{max-width:800px;margin:0 auto}.legal-header{margin-bottom:48px}.legal-header h1{margin-bottom:12px;font-size:2.5rem}.last-updated{color:var(--color-gray-500);font-size:.9rem}.legal-content section{margin-bottom:40px}.legal-content h2{border-top:1px solid var(--color-gray-100);margin-bottom:16px;padding-top:24px;font-size:1.5rem}.legal-content section:first-of-type h2{border-top:none;padding-top:0}.legal-content h3{margin-top:24px;margin-bottom:12px;font-size:1.125rem}.featured-grid{grid-template-columns:repeat(1,1fr);gap:24px;display:grid}@media (min-width:768px){.featured-grid{grid-template-columns:repeat(3,1fr)}}.featured-card{border-radius:var(--radius-xl);transition:all var(--transition-base);background:linear-gradient(135deg,#fef3e2 0%,#fff7ed 100%);border:1px solid #fed7aa;flex-direction:column;padding:28px;text-decoration:none;display:flex}.featured-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.featured-category,.post-category{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.75rem;font-weight:600}.blog-layout{gap:48px;display:grid}@media (min-width:1024px){.blog-layout{grid-template-columns:1fr 320px}}.post-card{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:all var(--transition-fast);padding:24px;text-decoration:none;display:flex}.post-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.sidebar-card{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);padding:24px}.sidebar-card h3{margin-bottom:16px;font-size:1.125rem}.related-list{list-style:none}.related-list li{margin-bottom:12px}.related-list a{color:var(--color-gray-700);transition:color var(--transition-fast);font-size:.9rem;text-decoration:none}.related-list a:hover{color:var(--color-primary)}.challenge-card{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:20px 24px;text-decoration:none;display:flex}.challenge-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.challenge-info h3{color:var(--foreground);margin-bottom:8px;font-size:1.0625rem}.challenge-meta{gap:12px;display:flex}.challenge-category{color:var(--color-gray-500);font-size:.8rem}.challenge-difficulty{border-radius:var(--radius-full);text-transform:capitalize;padding:2px 10px;font-size:.75rem;font-weight:500}.challenge-difficulty.beginner{color:#166534;background:#dcfce7}.challenge-difficulty.intermediate{color:#92400e;background:#fef3c7}.challenge-difficulty.advanced{color:#5b21b6;background:#ede9fe}.tool-card{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;padding:32px;text-decoration:none;display:flex;position:relative}.tool-card:not(.disabled):hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tool-card.disabled{opacity:.7;cursor:not-allowed}.coming-soon-badge{background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-600);padding:4px 12px;font-size:.75rem;font-weight:500;position:absolute;top:16px;right:16px}.tool-features{flex-grow:1;margin-bottom:20px;list-style:none}.tool-features li{color:var(--color-gray-600);margin-bottom:8px;font-size:.875rem}.topic-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.topic-tag{background:var(--background-muted);border-radius:var(--radius-full);color:var(--color-gray-600);padding:4px 10px;font-size:.75rem}.question-item{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;gap:16px;margin-bottom:12px;padding:16px 20px;text-decoration:none;display:flex}.question-item:hover{border-color:var(--color-primary);background:#ff6b0005}.question-number{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:600;display:flex}.question-text{color:var(--foreground);flex-grow:1;font-weight:500}.about-page,.contact-page,.practice-page,.interview-page,.tools-page,.blog-page,.programs-page,.tutorials-page,.category-page,.tutorial-page,.program-page{padding:40px 0 80px}.mission-content{max-width:700px;margin:0 auto}.mission-content p{color:var(--color-gray-700);margin-bottom:16px;font-size:1.1rem;line-height:1.8}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{text-align:center;background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);padding:32px}.features-grid,.tips-grid,.benefits-grid,.steps-grid{grid-template-columns:repeat(1,1fr);gap:24px;display:grid}@media (min-width:768px){.features-grid,.tips-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(4,1fr)}}.feature-item,.tip-card,.benefit-item{background:var(--background-subtle);border-radius:var(--radius-xl);padding:28px}.step-card{text-align:center;padding:24px}.step-number{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:1.25rem;font-weight:700;display:flex}.contact-grid{gap:48px;display:grid}@media (min-width:1024px){.contact-grid{grid-template-columns:1.5fr 1fr}}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast);padding:12px 16px;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group textarea{resize:vertical;min-height:120px}.info-card{background:var(--background-subtle);border-radius:var(--radius-xl);padding:24px}.info-icon{margin-bottom:12px;font-size:2rem}.tags-list{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--background-muted);border-radius:var(--radius-full);color:var(--color-gray-600);padding:6px 12px;font-size:.8rem}.programs-list{flex-wrap:wrap;gap:12px;list-style:none;display:flex}.programs-list li a{background:var(--background-muted);border-radius:var(--radius-full);color:var(--color-gray-700);transition:all var(--transition-fast);padding:8px 16px;font-size:.9rem;text-decoration:none;display:inline-block}.programs-list li a:hover{background:var(--color-primary);color:#fff}.popular-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (min-width:768px){.popular-grid{grid-template-columns:repeat(4,1fr)}}.popular-card{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.popular-card:hover{border-color:var(--color-primary);background:#ff6b000d}.not-found-page{align-items:center;min-height:70vh;padding:80px 0;display:flex}.not-found-content{text-align:center;max-width:600px;margin:0 auto}.error-code{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:8rem;font-weight:800;line-height:1}.links-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (min-width:640px){.links-grid{grid-template-columns:repeat(4,1fr)}}.link-card{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:8px;padding:20px;text-decoration:none;display:flex}.link-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.divider{color:var(--color-gray-300)}.arrow{color:var(--color-gray-400);font-size:1.25rem}.section{margin-top:80px}.section h2{text-align:center;margin-bottom:32px;font-size:1.75rem}.section-intro{text-align:center;color:var(--color-gray-600);margin-bottom:32px}.see-all{border-top:1px solid var(--color-gray-100);color:var(--color-primary);margin-top:16px;padding-top:12px;font-size:.875rem;font-weight:500;text-decoration:none;display:block}.premium-header{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0}.premium-header.scrolled{background:#fffffff2;border-bottom-color:#0000;box-shadow:0 4px 20px #00000014}@media (prefers-color-scheme:dark){.premium-header{background:#0a0a0ad9;border-bottom:1px solid #ffffff0f}.premium-header.scrolled{background:#0a0a0af2;box-shadow:0 4px 20px #0000004d}}.header-container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}@media (min-width:768px){.header-container{padding:0 32px}}.header-nav{gap:16px;height:64px;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}@media (min-width:1024px){.header-nav{gap:24px;height:72px}}.header-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;transition:transform .2s;display:flex}.header-logo:hover{transform:scale(1.02)}.logo-icon{filter:drop-shadow(0 2px 8px #ff6b004d);justify-content:center;align-items:center;transition:filter .3s;display:flex}.header-logo:hover .logo-icon{filter:drop-shadow(0 4px 12px #ff6b0066)}.logo-text-group{letter-spacing:-.02em;align-items:baseline;font-size:1.25rem;font-weight:800;display:flex}@media (min-width:640px){.logo-text-group{font-size:1.375rem}}.logo-java{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff7a1a 0%,#f50 100%);-webkit-background-clip:text;background-clip:text}.logo-compiler{color:var(--foreground)}.logo-domain{color:var(--color-gray-400);font-size:.85em;font-weight:600}.header-links{gap:6px;flex-direction:row!important;align-items:center!important;margin:0!important;padding:0!important;list-style:none!important;display:none!important}@media (min-width:1024px){.header-links{gap:4px;display:flex!important}}@media (min-width:1200px){.header-links{gap:8px}}.header-link{color:var(--color-gray-600);border-radius:8px;align-items:center;padding:8px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}@media (min-width:1200px){.header-link{padding:8px 16px;font-size:.925rem}}.header-link:before{content:"";background:linear-gradient(90deg,#ff7a1a,#f50);border-radius:2px;width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.header-link:hover{color:var(--foreground);background:#0000000a}.header-link:hover:before{width:24px}@media (prefers-color-scheme:dark){.header-link{color:var(--color-gray-400)}.header-link:hover{color:#fff;background:#ffffff0f}}.header-cta-wrapper{display:none!important}@media (min-width:1024px){.header-cta-wrapper{flex-shrink:0;align-items:center!important;display:flex!important}}.header-cta-btn{color:#fff;background:linear-gradient(135deg,#ff7a1a 0%,#e55a00 100%);border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #ff6b0059,inset 0 1px #fff3}.header-cta-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b0073,inset 0 1px #ffffff40}.header-cta-btn:active{transform:translateY(0)}.header-cta-btn svg{fill:currentColor;stroke:none}.hamburger-btn{cursor:pointer;background:#0000000a;border:none;border-radius:10px;flex-shrink:0;gap:5px;width:44px;height:44px;padding:0;transition:background .2s;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.hamburger-btn:hover{background:#00000014}@media (prefers-color-scheme:dark){.hamburger-btn{background:#ffffff0f}.hamburger-btn:hover{background:#ffffff1a}}@media (min-width:1024px){.hamburger-btn{display:none!important}}.hamburger-line{background:var(--foreground);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.hamburger-btn.active .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-overlay{-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:998;background:#00000080;transition:all .3s;position:fixed;inset:0}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-panel{background:var(--background);z-index:999;width:100%;max-width:320px;height:100dvh;padding:80px 24px 32px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 30px #0000001f}.mobile-panel.active{transform:translate(0)}@media (prefers-color-scheme:dark){.mobile-panel{box-shadow:-8px 0 30px #0006}}.mobile-links{margin:0;padding:0;list-style:none}.mobile-links li{opacity:0;transition:all .3s;transform:translate(20px)}.mobile-panel.active .mobile-links li{opacity:1;transform:translate(0)}.mobile-link{color:var(--foreground);border-bottom:1px solid var(--color-gray-100);align-items:center;padding:16px 0;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-link:hover{color:var(--color-primary);padding-left:8px}@media (prefers-color-scheme:dark){.mobile-link{border-bottom-color:var(--color-gray-800)}}.mobile-cta-btn{color:#fff;background:linear-gradient(135deg,#ff7a1a 0%,#e55a00 100%);border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:32px;padding:16px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 14px #ff6b0059}.mobile-cta-btn:hover{color:#fff;transform:scale(1.02);box-shadow:0 6px 20px #ff6b0073}.mobile-cta-btn svg{fill:currentColor;stroke:none}.header{z-index:100;background:var(--background);border-bottom:1px solid var(--color-gray-100);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.logo{align-items:center;gap:8px;text-decoration:none;display:flex}.logo-text{color:var(--foreground);font-size:1.25rem;font-weight:700}.logo-accent{color:var(--color-primary)}.nav-links{gap:32px;list-style:none;display:none}@media (min-width:768px){.nav-links{display:flex}}.nav-link{color:var(--color-gray-700);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-primary)}.nav-cta{display:none}@media (min-width:768px){.nav-cta{display:flex}}.mobile-menu-toggle{cursor:pointer;color:var(--foreground);background:0 0;border:none;padding:8px;display:flex}@media (min-width:768px){.mobile-menu-toggle{display:none}}.mobile-nav{background:var(--background);border-bottom:1px solid var(--color-gray-100);z-index:99;padding:16px;position:absolute;top:100%;left:0;right:0}.mobile-nav-links{margin:0;padding:0;list-style:none}.mobile-nav-links li{border-bottom:1px solid var(--color-gray-100);padding:12px 0}.mobile-nav-link{color:var(--foreground);font-size:1rem;font-weight:500;text-decoration:none}.mobile-cta{text-align:center;width:100%;margin-top:16px;display:block}.btn-sm{padding:8px 16px;font-size:.875rem}.footer{background:var(--background-subtle);border-top:1px solid var(--color-gray-100);margin-top:80px;padding:64px 0 32px}.footer-grid{gap:48px;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}.footer-brand p{color:var(--color-gray-600);max-width:280px;margin-bottom:16px}.footer-stats{gap:24px;display:flex}.footer-stat{flex-direction:column;display:flex}.footer-stat-value{color:var(--color-primary);font-weight:700}.footer-stat-label{color:var(--color-gray-500);font-size:.8rem}.footer-section h4{margin-bottom:16px;font-weight:600}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--color-gray-600);transition:color var(--transition-fast);font-size:.9rem;text-decoration:none}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-gray-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:24px;display:flex}.footer-copyright{color:var(--color-gray-500);font-size:.875rem}.footer-social{gap:16px;display:flex}.footer-social a{color:var(--color-gray-500);transition:color var(--transition-fast)}.footer-social a:hover{color:var(--color-primary)}.breadcrumb{padding:16px 0;font-size:.875rem}.breadcrumb-list{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex!important}.breadcrumb-item{color:var(--color-gray-500);align-items:center;text-decoration:none;display:inline-flex!important}.breadcrumb-item:hover{color:var(--color-primary)}.breadcrumb-separator{color:var(--color-gray-400);align-items:center;margin:0 8px;display:inline-flex}.breadcrumb-link{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}.breadcrumb-link:hover{color:var(--color-primary-dark);text-decoration:underline}.breadcrumb-current{color:var(--foreground);font-weight:500}.editor-container{border-radius:var(--radius-lg);overflow:hidden}.editor-loading{background:var(--editor-bg);height:400px;color:var(--editor-fg);justify-content:center;align-items:center;display:flex}.compiler-wrapper{background:var(--background);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden}.compiler-toolbar{background:var(--background-subtle);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;gap:12px;padding:16px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.toolbar-select{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--background);padding:8px 12px;font-size:.875rem}.toolbar-btn{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--background);cursor:pointer;transition:all var(--transition-fast);padding:8px 12px;font-size:.875rem}.toolbar-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.run-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;padding:10px 20px;font-weight:600}.run-btn:hover{background:var(--color-primary-dark)}.run-btn:disabled{opacity:.6;cursor:not-allowed}.output-console{background:var(--editor-bg);color:var(--editor-fg);font-family:var(--font-mono);white-space:pre-wrap;min-height:200px;padding:16px;font-size:14px}.output-error{color:#f87171}.output-success{color:#4ade80}.execution-stats{background:var(--background-muted);border-top:1px solid var(--color-gray-200);color:var(--color-gray-600);gap:16px;padding:12px 16px;font-size:.875rem;display:flex}.hero-section{background:linear-gradient(#0a0a0a 0%,#111 50%,#0a0a0a 100%);padding:100px 0 80px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#ff6b0026 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-section .container{z-index:1;position:relative}.hero-content{text-align:center;max-width:800px;margin:0 auto}.trust-badge{color:#ff8533;background:#ff6b001a;border:1px solid #ff6b004d;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.trust-badge-icon{font-size:1rem}.hero-title{color:#fff;letter-spacing:-.03em;margin-bottom:24px;font-size:2.5rem;font-weight:800;line-height:1.15}@media (min-width:768px){.hero-title{font-size:3.5rem}}@media (min-width:1024px){.hero-title{font-size:4rem}}.hero-title .text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff6b00 0%,#ff8533 50%,orange 100%);-webkit-background-clip:text;background-clip:text}.hero-description{color:#9ca3af;max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.7}@media (min-width:768px){.hero-description{font-size:1.25rem}}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;display:flex}.btn-lg{padding:16px 32px;font-size:1.0625rem}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-bottom:48px;display:flex}@media (min-width:640px){.hero-stats{gap:48px}}.hero-stat{flex-direction:column;align-items:center;display:flex}.hero-stat-value{color:#ff6b00;font-size:1.5rem;font-weight:700}@media (min-width:640px){.hero-stat-value{font-size:1.75rem}}.hero-stat-label{color:#6b7280;margin-top:4px;font-size:.8rem}.hero-stat-divider{background:#374151;width:1px;height:32px;display:none}@media (min-width:640px){.hero-stat-divider{display:block}}.hero-code-preview{background:#1e1e1e;border-radius:16px;max-width:600px;margin:0 auto;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.code-preview-header{background:#2d2d2d;border-bottom:1px solid #3d3d3d;align-items:center;gap:12px;padding:12px 16px;display:flex}.code-preview-dots{gap:8px;display:flex}.code-preview-dots .dot{border-radius:50%;width:12px;height:12px}.code-preview-dots .dot.red{background:#ff5f56}.code-preview-dots .dot.yellow{background:#ffbd2e}.code-preview-dots .dot.green{background:#27c93f}.code-preview-title{color:#9ca3af;font-size:.875rem;font-family:var(--font-mono)}.code-preview-content{font-family:var(--font-mono);color:#d4d4d4;margin:0;padding:20px;font-size:.875rem;line-height:1.7;overflow-x:auto}.code-preview-content code{color:inherit;background:0 0;padding:0}.code-preview-output{font-family:var(--font-mono);background:#0d0d0d;border-top:1px solid #3d3d3d;align-items:center;gap:12px;padding:12px 20px;font-size:.875rem;display:flex}.output-label{color:#6b7280}.output-text{color:#4ade80}.section-title{text-align:center;color:var(--foreground);margin-bottom:16px;font-size:2rem;font-weight:700}@media (min-width:768px){.section-title{font-size:2.5rem}}.section-subtitle{text-align:center;color:var(--color-gray-500);max-width:600px;margin:0 auto 48px;font-size:1.125rem;line-height:1.6}.section-cta{text-align:center;margin-top:48px}.features-section{background:var(--background)}.features-section .feature-box h3{color:var(--foreground);margin-bottom:8px;font-size:1.125rem}.features-section .feature-box p{color:var(--color-gray-500);font-size:.95rem;line-height:1.6}.quickstart-section{background:var(--background-subtle)}.quickstart-steps{flex-direction:column;align-items:center;gap:24px;max-width:900px;margin:0 auto;display:flex}@media (min-width:768px){.quickstart-steps{flex-direction:row;align-items:flex-start}}.quickstart-step{text-align:center;flex:1;max-width:280px}.quickstart-step h3{color:var(--foreground);margin-bottom:8px;font-size:1.125rem}.quickstart-step p{color:var(--color-gray-500);font-size:.9rem;line-height:1.6}.quickstart-arrow{color:var(--color-gray-300);padding-top:24px;font-size:1.5rem;display:none}@media (min-width:768px){.quickstart-arrow{display:block}}.programs-section{background:var(--background)}.programs-section .program-card{background:var(--background);border:1px solid var(--color-gray-100);border-radius:16px;flex-direction:column;padding:24px;text-decoration:none;transition:all .2s;display:flex}.programs-section .program-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.program-card-icon{width:48px;height:48px;color:var(--color-primary);background:#ff6b001a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.program-card-title{color:var(--foreground);margin-bottom:8px;font-size:1rem;font-weight:600}.program-card-category{color:var(--color-gray-500);text-transform:capitalize;font-size:.8rem}.comparison-section{background:var(--background-subtle)}.comparison-section table{background:var(--background)}.check-green{color:var(--color-success)}.check-red{color:var(--color-gray-500)}.tutorials-preview-section{background:var(--background)}.tutorial-category-card{background:var(--background);border:1px solid var(--color-gray-100);border-radius:20px;flex-direction:column;padding:32px;text-decoration:none;transition:all .2s;display:flex}.tutorial-category-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a}.tutorial-category-icon{margin-bottom:16px;font-size:2.5rem}.tutorial-category-card h3{color:var(--foreground);margin-bottom:12px;font-size:1.25rem;font-weight:600}.tutorial-category-card p{color:var(--color-gray-500);flex-grow:1;margin-bottom:16px;font-size:.95rem;line-height:1.6}.tutorial-count{color:var(--color-primary);font-size:.875rem;font-weight:500}.faq-section{background:var(--background-subtle)}.faq-list{max-width:800px;margin:0 auto}.faq-section .faq-item{background:var(--background);border:1px solid var(--color-gray-100);border-radius:12px;margin-bottom:12px;overflow:hidden}.faq-section .faq-question{cursor:pointer;color:var(--foreground);justify-content:space-between;align-items:center;padding:20px 24px;font-size:1rem;font-weight:600;list-style:none;display:flex}.faq-section .faq-question::-webkit-details-marker{display:none}.faq-section .faq-question:after{content:"+";color:var(--color-gray-400);font-size:1.5rem;transition:transform .2s}.faq-section details[open] .faq-question:after{content:"−";transform:rotate(0)}.faq-section .faq-answer{color:var(--color-gray-600);padding:0 24px 20px;font-size:.95rem;line-height:1.7}.final-cta-section{text-align:center;background:linear-gradient(135deg,#ff6b00 0%,#e55a00 100%);padding:80px 0}.final-cta-section h2{color:#fff;margin-bottom:12px;font-size:2rem;font-weight:700}@media (min-width:768px){.final-cta-section h2{font-size:2.5rem}}.final-cta-section p{color:#ffffffe6;max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.125rem}.final-cta-section .btn-primary{color:#ff6b00;background:#fff;box-shadow:0 4px 14px #0003}.final-cta-section .btn-primary:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}@media (prefers-color-scheme:dark){.hero-section{background:linear-gradient(#0a0a0a 0%,#111 50%,#0a0a0a 100%)}.features-section,.programs-section,.tutorials-preview-section{background:#0a0a0a}.quickstart-section,.comparison-section,.faq-section{background:#111}.feature-box,.tutorial-category-card,.faq-section .faq-item,.comparison-section table,.programs-section .program-card{background:#1a1a1a;border-color:#2d2d2d}.feature-box:hover,.tutorial-category-card:hover,.programs-section .program-card:hover{border-color:var(--color-primary)}.section-title,.quickstart-step h3,.features-section .feature-box h3,.tutorial-category-card h3,.program-card-title,.faq-section .faq-question{color:#ededed}.section-subtitle,.quickstart-step p,.features-section .feature-box p,.tutorial-category-card p,.program-card-category,.faq-section .faq-answer{color:#9ca3af}}.tools-section{margin-top:48px}.tools-section h2{color:var(--foreground);margin-bottom:32px;font-size:1.75rem;font-weight:700}.tools-grid{grid-template-columns:repeat(1,1fr)!important;gap:24px!important;display:grid!important}@media (min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)!important}}.tool-icon{margin-bottom:16px;font-size:3rem}.tool-card h3{color:var(--foreground);margin-bottom:12px;font-size:1.25rem;font-weight:600}.tool-card p{color:var(--color-gray-600);margin-bottom:16px;font-size:.95rem;line-height:1.6}.tool-cta{margin-top:auto}.coming-soon-section{margin-top:64px}.coming-soon-section h2{color:var(--color-gray-500)}.request-section{text-align:center;background:var(--background-subtle);border-radius:var(--radius-2xl);margin-top:80px;padding:48px 32px}.request-section h2{margin-bottom:12px;font-size:1.5rem}.request-section p{color:var(--color-gray-600);max-width:500px;margin-bottom:24px;margin-left:auto;margin-right:auto}.challenges-section{margin-top:64px}.challenges-list{flex-direction:column;gap:12px;display:flex}.solved-count{color:var(--color-success);font-size:.875rem;font-weight:500}.view-all-cta{text-align:center;margin-top:32px}.benefit-item{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);align-items:flex-start;gap:16px;padding:24px;display:flex}.benefit-icon{flex-shrink:0;font-size:2rem}.benefit-item h3{color:var(--foreground);margin-bottom:4px;font-size:1.0625rem;font-weight:600}.benefit-item p{color:var(--color-gray-600);font-size:.9rem;line-height:1.5}.featured-section{margin-bottom:48px}.featured-section h2{margin-bottom:24px;font-size:1.5rem;font-weight:600}.featured-card h3{color:var(--foreground);margin-bottom:12px;font-size:1.25rem;font-weight:600;line-height:1.4}.featured-card p{color:var(--color-gray-600);flex-grow:1;margin-bottom:16px;font-size:.9rem;line-height:1.6}.featured-meta{color:var(--color-gray-500);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.recent-section h2{margin-bottom:24px;font-size:1.5rem;font-weight:600}.posts-list{flex-direction:column;gap:16px;display:flex}.post-content{flex:1}.post-card h3{color:var(--foreground);margin-bottom:8px;font-size:1.125rem;font-weight:600;line-height:1.4}.post-card p{color:var(--color-gray-600);margin-bottom:12px;font-size:.9rem;line-height:1.5}.post-meta{color:var(--color-gray-500);align-items:center;gap:8px;font-size:.8rem;display:flex}.blog-sidebar{flex-direction:column;gap:24px;display:flex}.categories-list{list-style:none}.categories-list li{border-bottom:1px solid var(--color-gray-100);padding:10px 0}.categories-list li:last-child{border-bottom:none}.categories-list a{color:var(--color-gray-700);transition:color var(--transition-fast);justify-content:space-between;align-items:center;font-size:.9rem;text-decoration:none;display:flex}.categories-list a:hover{color:var(--color-primary)}.cat-count{background:var(--background-muted);border-radius:var(--radius-full);color:var(--color-gray-500);padding:2px 8px;font-size:.75rem}.newsletter-card{background:linear-gradient(135deg,#ff6b000d 0%,#ff6b0005 100%);border:1px solid #ff6b001a}.newsletter-card h3{color:var(--color-primary)}.newsletter-card p{color:var(--color-gray-600);margin-bottom:16px;font-size:.9rem}.newsletter-form{flex-direction:column;gap:12px;display:flex}.newsletter-form input{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);width:100%;padding:12px 16px;font-size:.9rem}.newsletter-form input:focus{border-color:var(--color-primary);outline:none}.newsletter-form .btn{width:100%}.contact-form-section h2{margin-bottom:24px;font-size:1.5rem;font-weight:600}.contact-info-section{flex-direction:column;gap:24px;display:flex}.info-card h3{margin-bottom:12px;font-size:1.125rem;font-weight:600}.info-card p{color:var(--color-gray-600);font-size:.9rem;line-height:1.6}.info-card a{color:var(--color-primary);font-weight:500;text-decoration:none}.info-card a:hover{text-decoration:underline}.info-card .note{color:var(--color-gray-500);margin-top:8px;font-size:.8rem;font-style:italic}.social-links{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.social-links a{background:var(--background);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);color:var(--color-gray-700);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.social-links a:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ff6b000d}.faq-cta{text-align:center;background:var(--background-subtle);border-radius:var(--radius-2xl);margin-top:64px;padding:48px 32px}.faq-cta h2{margin-bottom:12px;font-size:1.5rem}.faq-cta p{color:var(--color-gray-600);max-width:500px;margin-bottom:24px;margin-left:auto;margin-right:auto}.mission-section h2{text-align:center;margin-bottom:24px;font-size:1.75rem}.stats-section h2,.features-section h2,.team-section h2{text-align:center;margin-bottom:32px;font-size:1.75rem}.team-intro{text-align:center;color:var(--color-gray-600);max-width:600px;margin:0 auto 40px;font-size:1rem;line-height:1.7}.team-grid{grid-template-columns:repeat(1,1fr)!important;gap:24px!important;display:grid!important}@media (min-width:768px){.team-grid{grid-template-columns:repeat(3,1fr)!important}}.team-member{text-align:center;background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:all var(--transition-base);padding:32px}.team-member:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.member-avatar{margin-bottom:16px;font-size:3rem}.team-member h3{color:var(--foreground);margin-bottom:8px;font-size:1.125rem;font-weight:600}.team-member p{color:var(--color-gray-600);font-size:.9rem;line-height:1.6}.feature-item .feature-icon{margin-bottom:16px;font-size:2.5rem}.feature-item h3{color:var(--foreground);margin-bottom:8px;font-size:1.125rem;font-weight:600}.feature-item p{color:var(--color-gray-600);font-size:.9rem;line-height:1.6}.interview-page .categories-section{margin-top:48px}.interview-page .categories-section h2{margin-bottom:24px;font-size:1.5rem;font-weight:600}.category-meta{border-top:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.question-count{color:var(--color-primary);font-size:.875rem;font-weight:500}.popular-section{margin-top:64px}.popular-section h2{margin-bottom:24px;font-size:1.5rem;font-weight:600}.interview-page .popular-grid{grid-template-columns:repeat(1,1fr);gap:16px;display:grid}@media (min-width:640px){.interview-page .popular-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.interview-page .popular-grid{grid-template-columns:repeat(3,1fr)}}.interview-page .popular-card{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;padding:24px;text-decoration:none;display:flex}.interview-page .popular-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.popular-category{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.75rem;font-weight:600}.interview-page .popular-card h3{color:var(--foreground);flex-grow:1;margin-bottom:16px;font-size:1rem;font-weight:600;line-height:1.5}.popular-cta{color:var(--color-primary);font-size:.875rem;font-weight:500}.learning-path-section h2{text-align:center;margin-bottom:16px;font-size:1.75rem;font-weight:700}.learning-path{max-width:700px;margin:0 auto}.path-item{gap:20px;display:flex;position:relative}.path-number{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.path-content{flex:1;padding-bottom:32px}.path-content h3{margin-bottom:8px;font-size:1.125rem}.path-content h3 a{color:var(--foreground);text-decoration:none}.path-content h3 a:hover{color:var(--color-primary)}.path-content p{color:var(--color-gray-600);margin-bottom:12px;font-size:.9rem}.path-topics{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.path-topics li a{background:var(--background-muted);border-radius:var(--radius-full);color:var(--color-gray-700);transition:all var(--transition-fast);padding:4px 12px;font-size:.8rem;text-decoration:none;display:inline-block}.path-topics li a:hover{background:var(--color-primary);color:#fff}.more-link a{color:var(--color-primary)!important;background:#ff6b001a!important}.path-connector{background:var(--color-gray-200);width:2px;position:absolute;top:44px;bottom:0;left:19px}.compiler-page{padding:40px 0 80px}.compiler-page .page-header{text-align:center;margin-bottom:40px}.compiler-page .page-header h1{margin-bottom:16px;font-size:2.5rem}.how-it-works h2,.java-versions h2,.common-errors h2,.tips h2,.faq h2,.related-links h2{text-align:center;margin-bottom:24px;font-size:1.75rem;font-weight:700}.errors-list{flex-direction:column;gap:20px;display:flex}.error-item{background:var(--background);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);padding:24px}.error-item h3{margin-bottom:12px;font-size:1rem}.error-item h3 code{color:#dc2626;border-radius:var(--radius-sm);font-family:var(--font-mono);background:#fef2f2;padding:4px 8px;font-size:.9rem}.error-item p{color:var(--color-gray-600);margin-bottom:8px;font-size:.9rem;line-height:1.6}.error-item p:last-child{margin-bottom:0}.tips-list{max-width:700px;margin:0 auto;padding-left:24px}.tips-list li{border-bottom:1px solid var(--color-gray-100);padding:12px 0;line-height:1.6}.tips-list li:last-child{border-bottom:none}.tips-list code{background:var(--background-muted);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:2px 6px;font-size:.9em}.link-icon{margin-bottom:12px;font-size:2rem}.link-card h3{color:var(--foreground);margin-bottom:6px;font-size:1rem;font-weight:600}.link-card p{color:var(--color-gray-600);text-align:center;font-size:.8rem;line-height:1.4}.category-block{margin-bottom:48px}.category-block h3{border-bottom:2px solid var(--color-gray-100);margin-bottom:16px;padding-bottom:12px;font-size:1.25rem}.category-block h3 a{color:var(--foreground);text-decoration:none}.category-block h3 a:hover{color:var(--color-primary)}.categories-section{margin-top:48px}.categories-section h2{text-align:center;margin-bottom:24px;font-size:1.5rem;font-weight:600}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-font-weight{syntax:"*";inherits:false}@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-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}