@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&display=swap";body{background:#050505;margin:0}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body{color:#fff;background:#050505;height:100vh;font-family:Orbitron,sans-serif;overflow:hidden auto}.hero_garage_door{background:radial-gradient(circle,#50505026,#0000 60%),linear-gradient(#111,#050505);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero{background:radial-gradient(circle at center, #50505026, transparent 60%), lineargradient(to bottom, #111, #050505);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden auto}.smoke{opacity:.35;pointer-events:none;background:radial-gradient(circle,#ffffff0f 0%,#0000 60%);width:200%;height:200%;animation:18s linear infinite smokeMove;position:absolute}.smoke:nth-child(2){opacity:.2;animation-duration:25s;animation-direction:reverse}@keyframes smokeMove{0%{transform:translate(-10%,-10%)rotate(0)}to{transform:translate(10%,10%)rotate(360deg)}}.garage-frame{background:#111;border:12px solid #2c2c2c;border-radius:10px;width:900px;max-width:90vw;height:520px;position:relative;overflow:hidden;box-shadow:0 0 50px #00ff0026,inset 0 0 30px #ffffff0d}.garage-interior{text-align:center;z-index:1;background:linear-gradient(#1c1c1c 0%,#0a0a0a 100%);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.logo{letter-spacing:6px;text-transform:uppercase;color:#fff;text-shadow:0 0 10px #fff9,0 0 20px #0f4a,0 0 50px #0f43;white-space:nowrap;margin:160px 0 40px;font-size:clamp(.5rem,9vw,5rem);font-weight:700;animation:4s infinite logo-flicker}.tagline{color:#c4c4c4;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;margin-top:20px;font-size:clamp(.5rem,3vw,1.3rem)}@keyframes logo-flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.7}}.headlights{opacity:0;pointer-events:none;justify-content:center;gap:160px;animation:2s 1.2s forwards headlightsOn;display:flex;position:absolute;bottom:220px;left:0;right:0}.light{filter:blur(10px);background:radial-gradient(circle,#ffffdcf2 0%,#ffffc81a 70%,#0000 100%);width:260px;height:100px;position:absolute}.light.left{transform:translate(calc(-120px - 2vw))rotate(-8deg)}.light.right{transform:translate(calc(120px + 2vw))rotate(8deg)}@keyframes headlightsOn{to{opacity:1}}.garage-door{z-index:5;transform-origin:top;background:repeating-linear-gradient(#2e1a12 0 102px,#160b06 104px);animation:4s ease-in-out forwards doorOpen;position:absolute;inset:0;box-shadow:inset 0 0 30px #00000080,inset 0 10px 10px #ffffff26}.garage-door:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:70%;height:100%;animation:3s linear infinite reflection;position:absolute;top:0;left:-120%}.garage-door.keepOpen{animation:none;transform:translateY(-100%)}@keyframes reflection{0%{left:-120%}to{left:140%}}@keyframes doorOpen{0%{transform:translateY(0)}42%{transform:translateY(-42%)}to{transform:translateY(-100%)}}.roller{z-index:6;background:#1a1a1a;width:100%;height:22px;position:absolute;top:0;left:0;box-shadow:0 3px 10px #000000b3}.cta{color:#fff;text-transform:uppercase;letter-spacing:3px;cursor:pointer;background:0 0;border:3px solid #52ff22;margin-top:40px;margin-bottom:40px;padding:16px 34px;font-family:inherit;font-size:.95rem;transition:all .3s}.cta:hover{background:#52ff22;transform:scale(1.03);box-shadow:0 0 15px #2fff2fb3,0 0 40px #2fff2f4d}.floor-glow{filter:blur(30px);z-index:0;background:radial-gradient(circle,#00ff0059,#0000 70%);width:85%;height:100px;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.hero.inside{background:radial-gradient(circle,#111,#000);transform:scale(1.1)}.shop{color:#fff;flex-direction:column;align-items:center;width:100%;height:100vh;padding:clamp(10px,10vw,60px);animation:1.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.shop-title{letter-spacing:3px;margin-bottom:40px;font-size:3rem}.bays{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:center;gap:20px;width:100%;display:grid}.bay{background:#111;border:1px solid #2a2a2a;border-radius:12px;justify-content:center;align-items:center;padding:40px;font-size:24px;font-weight:700;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0078ff14,0 0 20px #00000080}.bay:hover{transform:translateY(-6px);box-shadow:inset 0 0 25px #0078ff26,0 0 30px #0078ff33}.bay-car-lights{pointer-events:none;width:120%;height:30px;position:absolute;bottom:50px}.bay-car-light{filter:blur(8px);opacity:.6;background:radial-gradient(circle,#ffffdccc,#0000 70%);width:120px;height:50px;position:absolute}.bay-car-light.left{left:15%;transform:rotate(-10deg)}.bay-car-light.right{right:15%;transform:rotate(10deg)}.bay.being-built .bay-car-light{background:radial-gradient(circle,#fff7dc,#0000 70%)}.bay.on-the-road .bay-car-light{background:radial-gradient(circle,#85caff,#0000 70%)}.bay.needs-work .bay-car-light.right{background:radial-gradient(circle,#ffd84d,#0000 70%);animation:5.5s infinite bay-car-light-flicker}.bay.needs-work .bay-car-light.left{background:radial-gradient(circle,#6e6d67,#0000 70%);animation:none}@keyframes bay-car-light-flicker{0%{opacity:.15}5%,81%,to{opacity:.15}10%{opacity:.2}15%{opacity:.25}20%{opacity:.3}25%{opacity:.35}30%{opacity:.4}35%,45%,55%,65%,75%{opacity:.5}40%,47%,60%,70%,80%{opacity:.3}}.bay-tire-smoke{filter:blur(18px);opacity:0;background:radial-gradient(circle,#dcdcdc47 100%,#b4b4b41f 100%,#0000 75%);border-radius:50%;width:90px;height:90px;animation:6s ease-out infinite burnoutSmoke;position:absolute;bottom:0}@keyframes burnoutSmoke{0%{opacity:0;transform:translateY(50px)scale(.3)}20%{opacity:.95}50%{opacity:.75;transform:translateY(15px)scale(1)}90%{opacity:0;transform:translateY(-50px)scale(1.3)}to{opacity:0;transform:translateY(-70px)scale(1.8)}}.bay-tire-smoke.left{left:15%}.bay-tire-smoke.right{animation-delay:.1s;right:15%}.bay-smoke{pointer-events:none;opacity:0;transition:opacity .6s;position:absolute;inset:0;overflow:hidden}.bay.bay.on-the-road .bay-smoke{opacity:1}.form-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.form{background:#181818;border-radius:12px;flex-direction:column;gap:12px;width:400px;padding:24px;display:flex;position:relative;overflow-y:auto}.form input,.form select{color:#fff;background:#111;border:1px solid #333;border-radius:6px;padding:10px}.form-buttons{justify-content:flex-end;gap:10px;display:flex}.project-form{flex-direction:column;gap:20px;width:100%;display:flex;overflow-y:auto}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#fff;letter-spacing:.5px;font-size:.95rem;font-weight:600}.project-form input,.project-form select,.project-form textarea{color:#fff;box-sizing:border-box;background:#111;border:1px solid #2a2a2a;border-radius:10px;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:#0f6;outline:none;box-shadow:0 0 10px #00ff664d}.project-form textarea{resize:vertical;min-height:120px}.project-form select{cursor:pointer}.project-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0a4,#0d6);border:none;border-radius:10px;margin-top:10px;padding:14px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .3s}.project-submit:hover{transform:translateY(-2px);box-shadow:0 0 15px #00ff6680}.project-submit:active{transform:translateY(0)}.btn-bar{box-sizing:border-box;justify-content:space-between;width:100%;padding:20px 10px;display:flex;top:0}.back-button,.edit-project-button,.admin-login-button{color:#fff;cursor:pointer;background:#111;border:1px solid #2a2a2a;border-radius:8px;padding:10px 18px;transition:all .3s}.back-button:hover,.admin-login-button:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 0 10px #0078ff66}.edit-project-button{z-index:1;background:#2fb00f}.close-button{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;width:40px;height:40px;font-size:2rem;line-height:1;position:absolute;top:12px;right:12px}.confirm-delete{color:#fff;text-align:center;background:#181818;border:1px solid #2a2a2a;border-radius:12px;width:420px;max-width:90%;padding:30px}.confirm-buttons{justify-content:space-between;margin-top:30px;display:flex}.cancel-button,.delete-button{cursor:pointer;border:none;border-radius:8px;width:45%;margin-top:80px;padding:12px}.cancel-button{color:#fff;background:#333}.delete-button{color:#fff;background:#c62828}.delete-button:hover{background:#d32f2f}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto;position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));-webkit-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1);flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (width>=800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,#fffc);filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.project-page{color:#fff;max-width:1000px;margin:0 auto;overflow:hidden auto}.project-page h1{margin-bottom:60px;font-size:3rem}.project-page h2{margin-top:40px;margin-bottom:15px}.blog-post{background:#181818;border:1px solid #2a2a2a;border-radius:12px;margin-top:20px;padding:20px}.blog-post h3{margin-bottom:8px}.blog-post small{color:#888}.project-description{white-space:pre-wrap;text-align:left;margin:20px 12%;font-size:1.25rem;line-height:1.7}.image-lightbox{z-index:9999;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.image-lightbox img{object-fit:contain;cursor:default;border-radius:8px;width:auto;max-width:95vw;height:auto;max-height:95vh;box-shadow:0 0 40px #000c}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;background:#1e1e1ecc;border:none;border-radius:50%;width:50px;height:50px;font-size:2rem;line-height:1;transition:background .2s,transform .2s;position:absolute;top:20px;right:25px}.lightbox-close:hover{background:#505050e6;transform:scale(1.1)}.yarl__button_prev:disabled,.yarl__button_next:disabled{display:none}.gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;display:grid}.gallery img{aspect-ratio:16/9;object-fit:cover;border:1px solid #2a2a2a;border-radius:12px;width:100%;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px #00000059}.gallery img:hover{transform:scale(1.03);box-shadow:0 0 18px #00ff6640}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:20px;display:grid}.image-preview{background:#111;border:1px solid #2a2a2a;border-radius:12px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000059}.image-preview:hover{transform:translateY(-4px);box-shadow:0 0 15px #00ff6640}.image-preview img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .3s;display:block}.image-preview:hover img{transform:scale(1.05)}.remove-image{color:#fff;cursor:pointer;background:#1b1b1b;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;font-weight:700;transition:background .25s,transform .25s,box-shadow .25s;display:flex;position:absolute;top:8px;right:8px}.remove-image:hover{background:#c62828;transform:scale(1.1);box-shadow:0 0 10px #c6282899}@media (width<=768px){.gallery{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.remove-image{width:26px;height:26px;font-size:.9rem}}.login-page{background:#0b0b0b;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#181818;border:1px solid #2a2a2a;border-radius:12px;width:400px;max-width:90vw;padding:40px;box-shadow:0 0 20px #0078ff26}.login-card h1{text-align:center;color:#fff;margin-bottom:30px}.login-card form{flex-direction:column;gap:15px;display:flex}.login-card input{color:#fff;background:#111;border:1px solid #333;border-radius:8px;padding:12px}.login-card button{color:#fff;cursor:pointer;background:#0f5cff;border:none;border-radius:8px;padding:12px}.login-card button:hover{opacity:.9}.login-error{color:#ff6464;text-align:center;margin-bottom:15px}