@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-500:oklch(.623 .214 259.815);--color-blue-600:oklch(.546 .245 262.881);--color-gray-600:oklch(.446 .03 256.802);--color-white:#fff;--spacing:.25rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@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%;-moz-tab-size:4;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}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{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;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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.mt-15{margin-top:calc(var(--spacing)*15)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.table{display:table}.h-full{height:100%}.min-h-\[60vh\]{min-height:60vh}.min-h-\[80vh\]{min-height:80vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-blue-500{background-color:var(--color-blue-500)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-3{padding-block:calc(var(--spacing)*3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-gray-600{color:var(--color-gray-600)}.text-white{color:var(--color-white)}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow\!{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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;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))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}}}.poppins-thin{font-family:Poppins,sans-serif;font-style:normal;font-weight:100}.poppins-extralight{font-family:Poppins,sans-serif;font-style:normal;font-weight:200}.poppins-light{font-family:Poppins,sans-serif;font-style:normal;font-weight:300}.poppins-regular{font-family:Poppins,sans-serif;font-style:normal;font-weight:400}.poppins-medium{font-family:Poppins,sans-serif;font-style:normal;font-weight:500}.poppins-semibold{font-family:Poppins,sans-serif;font-style:normal;font-weight:600}.poppins-bold{font-family:Poppins,sans-serif;font-style:normal;font-weight:700}.poppins-extrabold{font-family:Poppins,sans-serif;font-style:normal;font-weight:800}.poppins-black{font-family:Poppins,sans-serif;font-style:normal;font-weight:900}.poppins-thin-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:100}.poppins-extralight-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:200}.poppins-light-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:300}.poppins-regular-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:400}.poppins-medium-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:500}.poppins-semibold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:600}.poppins-bold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:700}.poppins-extrabold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:800}.poppins-black-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:900}.jetbrains-mono{font-optical-sizing:auto;font-family:JetBrains Mono,monospace;font-style:normal;font-weight:800}.jetbrains-mono-italic{font-optical-sizing:auto;font-family:JetBrains Mono,monospace;font-style:italic;font-weight:800}.jetbrains-mono-light{font-optical-sizing:auto;font-family:JetBrains Mono,monospace;font-weight:300}.jetbrains-mono-light-italic{font-optical-sizing:auto;font-family:JetBrains Mono,monospace;font-style:italic;font-weight:300}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--text-color: #000000;--text-secondary: #333333;--text-muted: #666666;--text-inverted: #ffffff;--logo-filter: invert(0);--background-color: #f5f5f5;--background-secondary: #ffffff;--background-tertiary: #e5e5e5;--accent-primary: #0891b2;--accent-secondary: #0ea5e9;--accent-tertiary: #38bdf8;--border-color: #e5e5e5;--border-hover: #d4d4d4;--icon-color: #000000;--icon-hover: #333333;--social-icon-filter: invert(0);--link-color: #0891b2;--link-hover: #0ea5e9;--success-color: #22c55e;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--bg-primary-navbar: rgba(255, 255, 255, .5);--bg-secondary-navbar: #ffffff;--text-primary-navbar: #333;--text-secondary-navbar: #666;--text-muted-navbar: #999;--border-color-navbar: rgba(0, 0, 0, .06);--shadow-color-navbar: rgba(0, 0, 0, .1);--hover-bg-navbar: rgba(0, 0, 0, .05);--code-font: "JetBrains Mono", monospace;--code-font-weight: 200;--code-font-style: normal;font-family:Poppins,sans-serif}[data-theme=dark]{--text-color: #ffffff;--text-secondary: #e5e5e5;--text-muted: #a3a3a3;--text-inverted: #000000;--logo-filter: invert(1);--background-color: #1c1917;--background-secondary: #1c1917;--background-tertiary: #44403c;--accent-primary: #38bdf8;--accent-secondary: #7dd3fc;--accent-tertiary: #bae6fd;--border-color: #44403c;--border-hover: #57534e;--icon-color: #ffffff;--icon-hover: #e5e5e5;--social-icon-filter: invert(1);--link-color: #38bdf8;--link-hover: #7dd3fc;--success-color: #4ade80;--error-color: #f87171;--warning-color: #fbbf24;--info-color: #60a5fa;--bg-primary-navbar: rgba(29, 29, 31, .5);--bg-secondary-navbar: #1d1d1f;--text-primary-navbar: #ffffff;--text-secondary-navbar: #a1a1a6;--text-muted-navbar: #6e6e73;--border-color-navbar: rgba(255, 255, 255, .1);--shadow-color-navbar: rgba(0, 0, 0, .3);--hover-bg-navbar: rgba(255, 255, 255, .1);font-family:Poppins,sans-serif}body{background-color:var(--background-secondary);color:var(--text-color);transition:background-color .3s ease,color .3s ease;margin:0;padding:0;min-height:100vh}.App{min-height:100vh;display:flex;flex-direction:column}main{flex-grow:1;background-color:var(--background-secondary);color:var(--text-color);transition:background-color .3s ease,color .3s ease;padding-top:4rem;width:100%;max-width:1200px;margin:0 auto}@media (max-width: 768px){main{padding-top:3.5rem;padding-left:1rem;padding-right:1rem}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.container{padding:0 .75rem}}.home-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.home-container{height:100vh;width:100vw;overflow:hidden}}.navbar{background-color:var(--bg-primary-navbar);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 4px var(--shadow-color-navbar);position:fixed;top:0;left:0;right:0;z-index:1000;font-family:Poppins,sans-serif}.navbar-container{width:100%;padding:1rem;display:flex;align-items:center;position:relative;max-width:1200px;margin:0 auto}.navbar-brand{font-size:1.8rem;font-weight:700;color:var(--text-color);text-decoration:none;letter-spacing:-.5px;transition:color .3s ease;padding-left:1rem;display:flex;align-items:center;gap:.5rem}.navbar-logo{width:32px;height:32px;filter:var(--logo-filter);transition:filter .3s ease}.navbar-brand:hover{color:var(--accent-primary)}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem;position:absolute;left:50%;transform:translate(-50%)}.navbar-item{margin:0;position:relative;transition:all .3s ease}.navbar-link{color:var(--text-color);text-decoration:none;font-weight:500;font-size:.9375rem;line-height:1.4;transition:all .3s ease}.navbar-link:hover{color:var(--accent-primary)}.dropdown{position:relative}.dropdown-toggle{background:none;border:none;cursor:pointer;font-size:.9375rem;font-weight:500;line-height:1.4;color:inherit;padding:0;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.dropdown-arrow{font-size:.8em;transition:transform .3s ease}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-10px);background-color:var(--background-color);box-shadow:0 4px 12px var(--shadow-color);border-radius:4px;padding:2rem;min-width:800px;opacity:0;visibility:hidden;transition:all .2s ease;list-style:none;margin:0;display:flex;flex-direction:column;gap:2rem}.dropdown-groups{display:flex;gap:2rem}.dropdown-see-more{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all .3s ease}.see-more-link{text-decoration:none;display:flex;align-items:center;transition:all .2s ease}.see-more-link:not(.external){color:var(--accent-primary);font-weight:500;gap:.5rem}.see-more-link:not(.external):hover{color:var(--accent-secondary)}.see-more-link:not(.external):after{content:"→";font-size:1.1em}.see-more-link.external{padding:0;margin:0}.see-more-link.external:hover{text-decoration:none}.external-icon{width:16px;height:16px}.dropdown-menu.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dropdown-group{flex:1;display:flex;flex-direction:column;gap:.75rem;min-width:160px}.dropdown-group:not(:last-child){border-right:1px solid var(--border-color);padding-right:2rem}.dropdown-group-title{color:var(--text-muted);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;transition:color .3s ease;cursor:pointer}.dropdown-group-title:hover{color:var(--accent-primary)}.dropdown-item{margin:0}.dropdown-link{display:block;padding:.375rem 0;color:var(--text-color);text-decoration:none;transition:all .3s ease;font-size:.9375rem;line-height:1.4;font-weight:500}.dropdown-link:hover{color:var(--accent-primary);background-color:transparent}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:block;width:25px;height:3px;background-color:var(--text-color);margin:5px 0;transition:all .3s ease}.theme-toggle{margin-left:auto}@media (max-width: 768px){.navbar-container{padding:.75rem 1rem}.navbar-brand{font-size:1.5rem;padding-left:0}.navbar-menu{display:none;position:fixed;top:4rem;left:0;right:0;height:calc(100vh - 4rem);background-color:var(--background-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-direction:column;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:none;overflow-y:auto;border-top:1px solid var(--border-color)}.navbar-menu.active{display:flex}.navbar-toggle{display:block}.navbar-item{margin:.5rem 0;width:100%}.navbar-link,.dropdown-toggle{font-size:1.1rem;padding:.75rem 0;width:100%;display:flex;justify-content:space-between;align-items:center}.dropdown-menu{position:static;min-width:100%;transform:none;display:none;box-shadow:none;padding:.5rem 0;border-radius:0;background:var(--background-color)}.dropdown-menu.show{display:block;transform:none}.dropdown-groups{flex-direction:column;gap:1rem}.dropdown-group{padding:.5rem 0;border-bottom:1px solid var(--border-color)}.dropdown-group:last-child{border-bottom:none}.dropdown-group:not(:last-child){border-right:none;padding-right:0}.dropdown-group-title{color:var(--text-muted);margin-bottom:.75rem}.dropdown-link{padding:.5rem 0}.hamburger.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open:nth-child(2){opacity:0}.hamburger.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.theme-toggle{margin-right:0;position:fixed;top:1rem;right:1rem;z-index:1002}}.platform-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap;width:fit-content;min-height:36px}.platform-button svg{flex-shrink:0}.platform-label{line-height:1;padding:2px 0}.platform-button.github{background-color:#24292f;border:1px solid rgba(27,31,36,.15);color:#fff}.platform-button.github:hover{background-color:#2f3841;border-color:#1b1f2426}.platform-button.linkedin{background-color:#0a66c2;color:#fff}.platform-button.linkedin:hover{background-color:#004182}.platform-button.twitter{background-color:#1da1f2;color:#fff}.platform-button.twitter:hover{background-color:#1a91da}.platform-button.youtube{background-color:red;color:#fff}.platform-button.youtube:hover{background-color:#c00}.platform-button.medium{background-color:#000;color:#fff}.platform-button.medium:hover{background-color:#292929}.platform-button.deviantart{background-color:#05cc47;color:#fff}.platform-button.deviantart:hover{background-color:#04a83a}.platform-button.behance{background-color:#1769ff;color:#fff}.platform-button.behance:hover{background-color:#0050e0}.platform-button.dribbble{background-color:#ea4c89;color:#fff}.platform-button.dribbble:hover{background-color:#e62a72}.platform-button.external{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-color)}.platform-button.external:hover{background-color:var(--background-tertiary);color:var(--text-color)}.platform-button.internal{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-color)}.platform-button.internal:hover{background-color:var(--background-tertiary);color:var(--text-color)}.theme-toggle{background:none;border:none;padding:8px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle:hover{background-color:#0000000d}.theme-icon{width:20px;height:20px;transition:transform .3s ease}.theme-icon.sun,.theme-icon.moon{color:#6e6e73}[data-theme=dark] .theme-toggle{color:#333}[data-theme=dark] .theme-toggle:hover{background-color:#ffffff1a}[data-theme=dark] .theme-icon.sun{color:#6e6e73}[data-theme=dark] .theme-icon.moon{color:#a8a8aa}.footer{background-color:var(--background-secondary);color:var(--text-color);padding:.75rem 1rem;text-align:center;transition:background-color .3s ease,color .3s ease}.footer.dark{background-color:var(--bg-secondary);color:#fff}.footer.light{background-color:var(--bg-secondary);color:#000}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:2rem}.footer-ghost{flex-shrink:0;width:128px;height:128px}.footer-ghost img{width:100%;height:100%;object-fit:contain;transition:filter .3s ease}.theme-logo,.footer.dark .theme-logo{filter:var(--logo-filter)}.footer-sections{display:flex;justify-content:flex-end;gap:2rem;width:100%;text-align:right}.footer-divider{width:1px;background-color:var(--text-muted);opacity:.3;margin:0 1rem}.footer-section{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.section-heading{color:var(--accent-primary);font-size:.75rem;font-weight:600;margin-bottom:.15rem;text-transform:uppercase;letter-spacing:.5px}.footer-section h4{color:var(--text-muted);margin:.5rem 0 .25rem;font-size:.9rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul ul{margin-left:.5rem}.footer-section li{margin:.1rem 0}.footer-section a{color:var(--text-color);text-decoration:none;transition:color .3s ease;font-size:.7rem}.footer-section a:hover{color:var(--accent-primary)}.footer-social{display:flex;gap:1.5rem;color:var(--text-color)}.social-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-color);transition:color .3s ease;font-size:.7rem}.social-icon{font-size:.9rem}.footer-copyright{font-size:.7rem;text-align:center;color:var(--text-muted)}@media (max-width: 768px){.footer-main{flex-direction:column;align-items:center;gap:1rem}.footer-sections{flex-direction:column;text-align:center;gap:1rem}.footer-divider{width:100%;height:1px;margin:.5rem 0}.footer-section{min-width:auto}.footer-section ul ul{margin-left:0}.footer-social{flex-direction:column;align-items:center;gap:.5rem}}.about-container{padding:20px;color:var(--text-color);max-width:800px;margin:0 auto;font-family:Arial,sans-serif}.about-container h1{font-size:3.5em;margin-bottom:.5em;text-align:center;font-weight:800;color:var(--text-color)}.about-container h2{font-size:2.8em;margin-bottom:1em;text-align:center;font-weight:700;color:var(--text-color)}.about-container h3{font-size:2.2em;margin-top:1em;margin-bottom:.5em;text-align:center;font-weight:700;color:var(--text-color)}.about-container h4{font-size:1.8em;margin-top:.5em;margin-bottom:.5em;text-align:center;font-weight:600;color:var(--text-color)}.about-container p{font-size:1.1em;line-height:1.6;margin-bottom:1em;color:var(--text-color)}.about-container ul{font-size:1.1em;line-height:1.6;margin-bottom:1em;list-style-type:disc;padding-left:2em;color:var(--text-color)}.about-container li{margin-bottom:.5em;color:var(--text-color)}.about-container img{display:block;margin:0 auto}.about-container a{color:var(--link-color);text-decoration:none;transition:color .3s ease}.about-container a:hover{color:var(--link-hover)}.about-container .skills-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1em;justify-content:center}.about-container .socials-container{display:flex;gap:20px;margin-bottom:1em;justify-content:center;align-items:center}.about-container .socials-container a{color:var(--text-color);transition:color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.about-container .socials-container a:hover{color:var(--accent-primary);transform:scale(1.1)}.about-container .badges-container{display:flex;gap:10px;margin-top:1em;justify-content:center}.about-container .support-container{list-style-type:none;margin:0;text-align:center;padding-left:0}.about-container .support-container li{display:inline-block;margin-right:.25rem}.about-container .skills-container img,.about-container .badges-container img,.about-container .support-container img{filter:none}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-block-container{border-radius:.375rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:var(--bg-secondary-navbar)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;color:var(--text);background:var(--bg-primary-navbar)}.code-block-title{font-family:var(--navbar-font);font-weight:600;cursor:default}.code-block-language{font-family:var(--body-font);font-size:14px;font-weight:400}.code-block-buttons{display:flex;gap:.5rem}.code-block-run-button{font-family:var(--navbar-font);display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;background-color:#16a34a;border-radius:.25rem;cursor:pointer}.code-block-run-button:hover{background-color:#22c55e}.code-block-copy-button{font-family:var(--navbar-font);display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;background-color:var(--heavy-metal);border-radius:.25rem;cursor:pointer}.code-block-copy-button:hover{background-color:#4b5563}.code-block-content{position:relative;background:var(--bg-secondary-navbar);color:var(--text);font-family:Fira Code,monospace;font-size:.875rem;overflow:hidden;padding:.75rem 0}.code-block-table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}.code-block-row{height:1.5rem}.code-block-line-number{color:var(--text-secondary);text-align:right;padding:0 .5rem 0 .75rem;width:3rem;-webkit-user-select:none;user-select:none;border-right:1px solid rgba(127,127,127,.2);vertical-align:top}.code-block-line-code{padding:0 .75rem 0 .5rem;vertical-align:top;width:calc(100% - 3rem);overflow-x:visible;font-family:var(--code-font);font-weight:var(--code-font-weight)}.code-block-line-code>div{line-height:1.5;min-height:1.5rem;white-space:pre;overflow-x:visible}.code-block-output{font-family:var(--navbar-font);background:var(--glass-darker);color:var(--text);padding:.75rem;margin-top:.5rem;border-radius:.375rem;font-size:.875rem}.code-block-output-header{display:flex;justify-content:space-between;align-items:center}.code-block-output-content{font-family:var(--code-font);margin-top:.25rem;padding:.5rem}.code-block-output-error{color:var(--error)}.code-block-output-success{color:var(--success)}:root{--gecco-bg-primary: #FFFFFF;--gecco-bg-secondary: #F5F5F5;--gecco-bg-header: #F0F0F0;--gecco-bg-button: #E0E0E0;--gecco-bg-button-hover: #D0D0D0;--gecco-border: #E0E0E0;--gecco-text-primary: #333333;--gecco-text-secondary: #666666;--gecco-keyword: #0000FF;--gecco-type: #008080;--gecco-function: #800080;--gecco-variable: #000080;--gecco-string: #A31515;--gecco-number: #098658;--gecco-operator: #333333;--gecco-comment: #008000;--gecco-punctuation: #333333;--gecco-error: #E81123;--gecco-success: #008080}[data-theme=dark]{--gecco-bg-primary: #1E1E1E;--gecco-bg-secondary: #252526;--gecco-bg-header: #2D2D2D;--gecco-bg-button: #3C3C3C;--gecco-bg-button-hover: #4D4D4D;--gecco-border: #3C3C3C;--gecco-text-primary: #D4D4D4;--gecco-text-secondary: #858585;--gecco-keyword: #569CD6;--gecco-type: #4EC9B0;--gecco-function: #DCDCAA;--gecco-variable: #9CDCFE;--gecco-string: #CE9178;--gecco-number: #B5CEA8;--gecco-operator: #D4D4D4;--gecco-comment: #6A9955;--gecco-punctuation: #D4D4D4;--gecco-error: #F44747;--gecco-success: #4EC9B0}.token.keyword{color:var(--gecco-keyword)}.token.type{color:var(--gecco-type)}.token.function{color:var(--gecco-function)}.token.variable{color:var(--gecco-variable)}.token.string{color:var(--gecco-string)}.token.number{color:var(--gecco-number)}.token.operator{color:var(--gecco-operator)}.token.comment{color:var(--gecco-comment)}.token.punctuation{color:var(--gecco-punctuation)}.token.template-string{color:var(--gecco-string)}.token.template-string .token.interpolation{color:var(--gecco-function)}.token.template-string .token.interpolation-punctuation{color:var(--gecco-punctuation)}.token.class-name{color:var(--gecco-type)}.code-block-line-number{color:var(--gecco-text-secondary)}.code-block-content{background-color:var(--gecco-bg-primary)}.code-block-container{background-color:var(--gecco-bg-secondary);border:1px solid var(--gecco-border)}.code-block-header{background-color:var(--gecco-bg-header);border-bottom:1px solid var(--gecco-border)}.code-block-title{color:var(--gecco-text-primary)}.code-block-language{color:var(--gecco-text-secondary)}.code-block-copy-button,.code-block-run-button{background-color:var(--gecco-bg-button);color:var(--gecco-text-primary)}.code-block-copy-button:hover,.code-block-run-button:hover{background-color:var(--gecco-bg-button-hover)}.code-block-output{background-color:var(--gecco-bg-primary);border-top:1px solid var(--gecco-border)}.code-block-output-header{background-color:var(--gecco-bg-header)}.code-block-output-content{color:var(--gecco-text-primary)}.code-block-output-error{color:var(--gecco-error)}.code-block-output-success{color:var(--gecco-success)}.gecco-container{max-width:1200px;margin:6rem auto 0;padding:2rem;color:var(--text-color);font-family:Poppins,sans-serif;min-height:calc(100vh - 6rem);display:flex;flex-direction:column;justify-content:center}.gecco-hero{text-align:center;margin-bottom:4rem;padding:2rem;display:flex;flex-direction:column;align-items:center}.gecco-logo{width:250px;height:250px;margin-bottom:2rem;transition:transform .3s ease;display:block}.gecco-logo:hover{transform:scale(1.05)}.gecco-hero h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:-.02em}.gecco-hero .subtitle{font-size:1.25rem;color:var(--text-secondary);font-weight:400;max-width:600px;margin:0 auto;line-height:1.6}.gecco-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem;padding:0 1rem}.feature-card{padding:1.5rem;border-radius:8px;background:var(--background-secondary);border:1px solid var(--border-color);transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);border-color:var(--accent-primary)}.feature-card h3{color:var(--text-color);margin-bottom:.75rem;font-weight:600;font-size:1.1rem}.feature-card p{color:var(--text-secondary);font-weight:400;font-size:.9rem;line-height:1.5}.gecco-code-example{margin:0 auto 4rem;max-width:800px;padding:2rem}.gecco-code-example h2{color:var(--text-color);margin-bottom:1.5rem;font-weight:600;font-size:1.5rem;text-align:center}.gecco-code-example pre{background:var(--background-tertiary);padding:1.5rem;border-radius:8px;overflow-x:auto;border:1px solid var(--border-color)}.gecco-code-example code{font-family:Fira Code,monospace;color:var(--text-color);font-size:.9rem;line-height:1.5}.gecco-cta{text-align:center;margin-bottom:2rem;padding:3rem 1rem}.gecco-cta h2{color:var(--text-color);margin-bottom:2rem;font-weight:600;font-size:1.75rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s ease}.cta-button.primary{background:var(--accent-primary);color:#fff}.cta-button.secondary{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.cta-button:hover{transform:translateY(-1px)}.cta-button.primary:hover{background:var(--accent-secondary)}.cta-button.secondary:hover{border-color:var(--accent-primary)}[data-theme=dark] .gecco-container{--text-primary: #ffffff;--text-secondary: #a0aec0;--card-bg: #2d3748;--code-bg: #1a202c;--code-text: #e2e8f0;--primary-color: #4a90e2;--secondary-color: #2d3748}[data-theme=light] .gecco-container{--text-primary: #2d3748;--text-secondary: #4a5568;--card-bg: #ffffff;--code-bg: #f7fafc;--code-text: #2d3748;--primary-color: #4a90e2;--secondary-color: #edf2f7}@media (max-width: 768px){.gecco-container{margin-top:4rem;padding:1rem}.gecco-hero{padding:1rem}.gecco-hero h1{font-size:2.5rem}.gecco-hero .subtitle{font-size:1rem}.gecco-features{grid-template-columns:1fr;gap:1rem;padding:0}.feature-card{padding:1rem}.gecco-code-example{padding:1rem;margin-bottom:3rem}.gecco-cta{padding:2rem 1rem}.cta-buttons{flex-direction:column;gap:.75rem}.cta-button{width:100%;justify-content:center}}.languages-container{max-width:1200px;margin:0 auto;padding:2rem}.languages-hero{text-align:center;margin-bottom:4rem}.languages-hero h1{font-size:3rem;color:var(--text-color);margin-bottom:1rem}.languages-hero .subtitle{font-size:1.2rem;color:var(--text-secondary)}.languages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.language-card{background:var(--background-secondary);border-radius:1rem;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.language-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.language-card.coming-soon{opacity:.7}.language-logo{width:120px;height:120px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.language-logo img{max-width:100%;max-height:100%;object-fit:contain}.language-card h2{font-size:1.8rem;color:var(--text-color);margin-bottom:1rem}.language-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.language-link{display:inline-block;padding:.8rem 1.5rem;background-color:var(--accent-primary);color:#fff;text-decoration:none;border-radius:.5rem;transition:background-color .3s ease}.language-link:hover{background-color:var(--accent-secondary)}@media (max-width: 768px){.languages-container{padding:1rem}.languages-hero h1{font-size:2.5rem}.languages-grid{grid-template-columns:1fr}}.projects-container{max-width:1200px;margin:0 auto;padding:2rem}.projects-hero{text-align:center;margin-bottom:4rem}.projects-hero h1{font-size:3rem;color:var(--text-color);margin-bottom:1rem}.projects-hero .subtitle{font-size:1.2rem;color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:1rem}.project-card{background:var(--background-secondary);border-radius:1rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.project-card.coming-soon{opacity:.7}.project-image{width:100%;height:200px;overflow:hidden;background-color:var(--background-tertiary)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem}.project-content h2{font-size:1.8rem;color:var(--text-color);margin-bottom:1rem}.project-content p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.technology-tag{background-color:var(--background-tertiary);color:var(--text-secondary);padding:.3rem .8rem;border-radius:1rem;font-size:.9rem}.project-link{display:inline-block;padding:.8rem 1.5rem;background-color:var(--accent-primary);color:#fff;text-decoration:none;border-radius:.5rem;transition:background-color .3s ease}.project-link:hover{background-color:var(--accent-secondary)}.coming-soon{display:inline-block;padding:.8rem 1.5rem;background-color:var(--background-tertiary);color:var(--text-muted);border-radius:.5rem;font-weight:500}@media (max-width: 768px){.projects-container{padding:1rem}.projects-hero h1{font-size:2.5rem}.projects-grid{grid-template-columns:1fr}.project-image{height:180px}}.minecraft-container{max-width:1200px;margin:0 auto;padding:2rem}.minecraft-hero{text-align:center;margin-bottom:4rem}.minecraft-hero h1{font-size:3rem;color:var(--text-color);margin-bottom:1rem}.minecraft-hero .subtitle{font-size:1.2rem;color:var(--text-secondary)}.minecraft-content{display:flex;flex-direction:column;gap:3rem}.minecraft-section{background:var(--background-secondary);border-radius:1rem;padding:2rem;border:1px solid var(--border-color)}.minecraft-section h2{font-size:2rem;color:var(--text-color);margin-bottom:1.5rem}.minecraft-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.mods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.mod-card{background:var(--background-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column}.mod-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.mod-card.coming-soon{opacity:.8;background:var(--background-tertiary)}.mod-image{width:100%;height:180px;overflow:hidden;position:relative;flex-shrink:0;background:var(--background-tertiary)}.mod-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;pointer-events:none}.mod-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mod-card:hover .mod-image img{transform:scale(1.05)}.mod-content{padding:1.25rem;position:relative;display:flex;flex-direction:column;gap:.75rem;background:var(--background-secondary)}.mod-content h3{font-size:1.25rem;color:var(--text-color);font-weight:600;margin:0;letter-spacing:-.025em}.mod-content p{color:var(--text-secondary);margin:0;line-height:1.5;font-size:.95rem}.mod-technologies{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;padding:.25rem 0;cursor:grab;margin:.25rem -1.25rem}.mod-technologies::-webkit-scrollbar{display:none}.mod-technologies:active{cursor:grabbing}.technology-tag{background:var(--background-tertiary);color:var(--text-color);padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500;border:1px solid var(--border-color);display:inline-block;-webkit-user-select:none;user-select:none;transition:all .2s ease}.technology-tag:hover{background:var(--background-hover);transform:translateY(-1px)}.mod-link{display:block;padding:.75rem;background:var(--text-color);color:var(--text-inverted);text-decoration:none;border-radius:8px;transition:all .2s ease;text-align:center;font-weight:600;font-size:.95rem;margin-top:.5rem;border:none}.mod-link:hover{background:var(--accent-color-hover);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.coming-soon{display:block;padding:.75rem;background:var(--background-tertiary);color:var(--text-secondary);border-radius:8px;font-weight:600;text-align:center;font-size:.95rem;border:1px solid var(--border-color);margin-top:.5rem;transition:all .2s ease}.coming-soon:hover{background:var(--background-hover);transform:translateY(-2px)}@media (max-width: 768px){.minecraft-container{padding:1rem}.minecraft-hero h1{font-size:2.5rem}.minecraft-section{padding:1.5rem}.mods-grid{grid-template-columns:1fr}.mod-image{height:180px}}.mod-template-container{max-width:1200px;margin:0 auto;padding:2rem}.mod-hero{display:flex;align-items:center;gap:3rem;margin-bottom:4rem;background:var(--background-secondary);border-radius:1rem;padding:2rem;border:1px solid var(--border-color)}.mod-hero-content{flex:1}.mod-hero h1{font-size:3rem;color:var(--text-color);margin-bottom:1rem}.mod-hero .subtitle{font-size:1.2rem;color:var(--text-secondary)}.mod-hero-image{flex:1;max-width:500px;height:300px;overflow:hidden;border-radius:.5rem}.mod-hero-image img{width:100%;height:100%;object-fit:cover}.mod-content{display:flex;flex-direction:column;gap:3rem}.mod-section{background:var(--background-secondary);border-radius:1rem;padding:2rem;text-align:center}.mod-section h2{font-size:2rem;color:var(--text-color);margin-bottom:1.5rem}.mod-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:var(--background-tertiary);padding:1.5rem;border-radius:.8rem;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:var(--text-color);font-size:1.2rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.gallery-item{aspect-ratio:16/9;overflow:hidden;border-radius:.5rem;background:var(--background-tertiary)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.technology-list{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.technology-tag{background-color:var(--background-tertiary);color:var(--text-secondary);padding:.5rem 1rem;border-radius:1rem;font-size:.9rem;transition:background-color .3s ease}.technology-tag:hover{background-color:var(--accent-primary);color:#fff}.cta-buttons{display:flex;gap:1rem;margin-top:1rem}.cta-button{display:inline-block;padding:.8rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:all .3s ease}.cta-button.primary{background-color:var(--accent-primary);color:#fff}.cta-button.primary:hover{background-color:var(--accent-secondary)}.cta-button.secondary{background-color:var(--background-tertiary);color:var(--text-color)}.cta-button.secondary:hover{background-color:var(--border-color)}@media (max-width: 768px){.mod-template-container{padding:1rem}.mod-hero{flex-direction:column;gap:2rem;padding:1.5rem}.mod-hero h1{font-size:2.5rem}.mod-hero-image{max-width:100%;height:200px}.mod-section{padding:1.5rem}.features-grid,.gallery-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}}