:root{--bg-color:#09090b;--text-color:#f4f4f5;--text-muted:#a1a1aa;--accent-color:#6366f1;--accent-hover:#4f46e5;--border-color:#27272a;--card-bg:#121214;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:6rem;--max-width:60rem}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;margin:0;padding:0;line-height:1.6;display:flex;overflow-x:hidden}@keyframes screen-reflection{0%{box-shadow:inset 0 4px 12px #0000001f, 0 0 35px 3px var(--flicker-glow-mid), 0 0 80px var(--flicker-glow-base), 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-dim-mid))}12%{box-shadow:inset 0 4px 12px #0000001f, 0 0 42px 6px var(--flicker-glow-high), 0 0 110px var(--flicker-glow-base), 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-bright-high))}12.01%{box-shadow:inset 0 4px 12px #0000001f, 0 0 25px 2px var(--flicker-glow-base), 0 0 60px #6366f105, 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-dim-low))}25%{box-shadow:inset 0 4px 12px #0000001f, 0 0 35px 3px var(--flicker-glow-mid), 0 0 80px var(--flicker-glow-base), 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-bright-mid))}38%{box-shadow:inset 0 4px 12px #0000001f, 0 0 50px 8px var(--flicker-glow-high), 0 0 130px var(--flicker-glow-mid), 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-bright-high))}38.01%{box-shadow:inset 0 4px 12px #0000001f, 0 0 20px 1px var(--flicker-glow-base), 0 0 50px #6366f103, 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-dim-low))}50%{box-shadow:inset 0 4px 12px #0000001f, 0 0 36px 4px var(--flicker-glow-mid), 0 0 90px var(--flicker-glow-base), 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-base))}62%{box-shadow:inset 0 4px 12px #0000001f, 0 0 45px 6px var(--flicker-glow-high), 0 0 110px var(--flicker-glow-base), 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-bright-high))}62.01%{box-shadow:inset 0 4px 12px #0000001f, 0 0 55px 9px var(--flicker-glow-max), 0 0 140px var(--flicker-glow-mid), 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-bright-max))}75%{box-shadow:inset 0 4px 12px #0000001f, 0 0 40px 5px var(--flicker-glow-mid), 0 0 100px var(--flicker-glow-base), 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-bright-mid))}88%{box-shadow:inset 0 4px 12px #0000001f, 0 0 25px 2px var(--flicker-glow-base), 0 0 65px #6366f105, 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-dim-low))}88.01%{box-shadow:inset 0 4px 12px #0000001f, 0 0 46px 7px var(--flicker-glow-high), 0 0 115px var(--flicker-glow-base), 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-bright-high))}to{box-shadow:inset 0 4px 12px #0000001f, 0 0 35px 3px var(--flicker-glow-mid), 0 0 80px var(--flicker-glow-base), 0 20px 40px -15px #000000d9;filter:brightness(var(--flicker-dim-mid))}}@keyframes beam-flicker{0%,to{opacity:.55;transform:scale(1)}14%{opacity:.75;transform:scale(1.03)}28%{opacity:.45;transform:scale(.97)}45%{opacity:.85;transform:scale(1.04)}73%{opacity:.65;transform:scale(1.01)}}@keyframes streaks-flicker{0%{opacity:.35;transform:rotate(-.3deg)scale(.99)}12%{opacity:.7;transform:rotate(.4deg)scale(1.02)}12.01%{opacity:.25;transform:rotate(-.9deg)scale(.96)}25%{opacity:.6;transform:rotate(-.7deg)scale(.98)}38%{opacity:.8;transform:rotate(.6deg)scale(1.03)}38.01%{opacity:.15;transform:rotate(.1deg)scale(.95)}50%{opacity:.5;transform:rotate(.3deg)scale(1.01)}62%{opacity:.75;transform:rotate(-.4deg)scale(.99)}62.01%{opacity:.3;transform:rotate(.9deg)scale(1.04)}75%{opacity:.65;transform:rotate(.7deg)scale(1.01)}88%{opacity:.2;transform:rotate(-.1deg)scale(.97)}88.01%{opacity:.85;transform:rotate(-.8deg)scale(1.02)}to{opacity:.4;transform:rotate(-.3deg)scale(.99)}}@keyframes curtain-reflection-left{0%,to{opacity:.6;background:radial-gradient(circle at 100%,#6366f10f 0%,#0000 65%)}14%{opacity:.9;background:radial-gradient(circle at 100%,#6366f11a 0%,#0000 70%)}28%{opacity:.4;background:radial-gradient(circle at 100%,#6366f108 0%,#0000 60%)}45%{opacity:1;background:radial-gradient(circle at 100%,#6366f124 0%,#0000 75%)}73%{opacity:.75;background:radial-gradient(circle at 100%,#6366f114 0%,#0000 68%)}}@keyframes curtain-reflection-right{0%,to{opacity:.6;background:radial-gradient(circle at 0%,#6366f10f 0%,#0000 65%)}14%{opacity:.9;background:radial-gradient(circle at 0%,#6366f11a 0%,#0000 70%)}28%{opacity:.4;background:radial-gradient(circle at 0%,#6366f108 0%,#0000 60%)}45%{opacity:1;background:radial-gradient(circle at 0%,#6366f124 0%,#0000 75%)}73%{opacity:.75;background:radial-gradient(circle at 0%,#6366f114 0%,#0000 68%)}}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-sm);z-index:1;margin:0 auto;position:relative}main{padding-bottom:var(--space-xl);flex:1}.site-header{z-index:10;-webkit-backdrop-filter:blur(5px);padding:var(--space-sm) 0;background-color:#0000;border-bottom:1px solid #ffffff0a;position:absolute;top:0;left:0;right:0}.site-nav{max-width:var(--max-width);padding:0 var(--space-sm);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo-link{align-items:center;gap:var(--space-xs);color:var(--text-color);text-shadow:0 2px 4px #00000080;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{flex-shrink:0;width:1.75rem;height:1.75rem}.lang-switch{color:var(--text-muted);border:1px solid var(--border-color);text-shadow:0 1px 2px #0000004d;border-radius:4px;padding:.35rem .65rem;font-size:.85rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s;box-shadow:0 1px 2px #00000026}.lang-switch:hover{color:var(--text-color);border-color:var(--text-muted);background-color:#ffffff08;box-shadow:0 2px 4px #00000040}.nav-actions{align-items:center;gap:var(--space-sm);display:flex}.portfolio-link{color:var(--accent-color);text-shadow:0 1px 2px #0006;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.portfolio-link:hover{opacity:.8;text-decoration:underline}.portfolio-link .mobile-text{display:none}@media (width<=550px){.portfolio-link .desktop-text{display:none}.portfolio-link .mobile-text{display:inline}.nav-actions{gap:var(--space-xs)}}.cinema-hall{width:100vw;padding:var(--space-xl) 0;margin-left:-50vw;margin-right:-50vw;margin-bottom:var(--space-md);background-color:#030305;border-bottom:1px solid #ffffff0a;justify-content:center;align-items:center;display:flex;position:relative;left:50%;right:50%;overflow:hidden}.cinema-curtain{z-index:1;background:repeating-linear-gradient(90deg,#030305 0,#0b0b0e 20px,#15151e 40px,#0b0b0e 60px,#030305 80px);width:18vw;position:absolute;top:0;bottom:0;box-shadow:inset 10px 0 20px -5px #000000f2,inset -10px 0 20px -5px #000000f2}.curtain-left{border-right:2px solid #000;left:0}.curtain-left:after{content:"";animation:2.5s infinite curtain-reflection-left;position:absolute;inset:0}.curtain-right{border-left:2px solid #000;right:0}.curtain-right:after{content:"";animation:2.5s infinite curtain-reflection-right;position:absolute;inset:0}.projector-beam-wrapper{width:100%;max-width:var(--max-width);filter:blur(20px);z-index:3;pointer-events:none;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.projector-beam-volumetric{clip-path:polygon(calc(50% - 150px) 0,calc(50% - 150px) 0,100% 20%,100% 100%,0 100%,0 20%);mix-blend-mode:screen;pointer-events:none;transform-origin:calc(50% - 150px) 0;background:linear-gradient(#6366f138 0%,#ffffff0d 50%,#0000 100%);width:100%;height:100%;animation:2.5s infinite beam-flicker}.projector-streaks-wrapper{width:100%;max-width:var(--max-width);filter:blur(3px);z-index:3;pointer-events:none;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.projector-beam-streaks{clip-path:polygon(calc(50% - 150px) 0,calc(50% - 150px) 0,100% 20%,100% 100%,0 100%,0 20%);mix-blend-mode:screen;pointer-events:none;transform-origin:calc(50% - 150px) 0;background:conic-gradient(from 95deg at calc(50% - 150px) 0,#0000 0deg,#ffffff14 15deg,#0000 30deg,#6366f117 45deg,#00000047 60deg,#ffffff14 75deg,#0000 90deg,#6366f112 110deg,#00000040 125deg,#ffffff14 140deg,#0000 160deg);width:100%;height:100%;animation:2.5s linear infinite streaks-flicker}@media (width<=1200px){.cinema-curtain{display:none}}.cinema-screen{--flicker-dim-low:.975;--flicker-dim-mid:.985;--flicker-base:1;--flicker-bright-mid:1.01;--flicker-bright-high:1.02;--flicker-bright-max:1.03;--flicker-glow-base:#6366f10a;--flicker-glow-mid:#6366f117;--flicker-glow-high:#6366f11f;--flicker-glow-max:#6366f126;background-blend-mode:multiply;color:#09090b;width:100%;max-width:var(--max-width);text-align:center;z-index:4;background-image:radial-gradient(circle,#fff 0%,#e4e4e7 100%),radial-gradient(circle,#0000000a 1px,#0000 1.5px);background-size:auto,6px 6px;border:10px solid #09090b;border-radius:4px;margin:0 auto;padding:3.5rem 2rem;animation:2.5s linear infinite screen-reflection;position:relative}.cinema-screen:after{content:"";background:linear-gradient(90deg,#0000,#6366f133,#0000);height:1px;position:absolute;bottom:0;left:10%;right:10%}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#09090b 20%,#4f46e5 105%);-webkit-text-fill-color:transparent;margin-top:0;margin-bottom:var(--space-sm);background-clip:text;font-size:2.25rem;font-weight:800;line-height:1.25}.hero-subtitle{color:#3f3f46;max-width:38rem;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.65}.store-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));max-width:42rem;margin:0 auto;display:grid}.btn-store{justify-content:center;align-items:center;gap:var(--space-xs);cursor:pointer;white-space:nowrap;border-radius:6px;height:2.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .2s,transform .15s,border-color .2s;display:inline-flex}.btn-store svg{flex-shrink:0;width:1.15rem;height:1.15rem;display:block}.btn-primary{background-color:var(--accent-color);color:#fff;border:1px solid var(--accent-color)}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{color:#09090b;background-color:#0000;border:1.5px solid #a1a1aa}.btn-secondary:hover{background-color:#f4f4f5;border-color:#27272a}.btn-disabled{color:#71717a;cursor:not-allowed;pointer-events:none;background-color:#f4f4f5;border:1.5px solid #d4d4d8}.repo-link{justify-content:center;align-items:center;gap:var(--space-xs);color:#4b5563;margin-top:1.75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.repo-link svg{fill:currentColor;width:1.1rem;height:1.1rem;transition:transform .2s}.repo-link:hover svg{transform:scale(1.1)}.repo-link:hover{color:var(--accent-color)}@media (prefers-color-scheme:dark){.cinema-screen{--flicker-dim-low:.88;--flicker-dim-mid:.93;--flicker-base:1;--flicker-bright-mid:1.05;--flicker-bright-high:1.1;--flicker-bright-max:1.15;--flicker-glow-base:#6366f126;--flicker-glow-mid:#6366f147;--flicker-glow-high:#6366f161;--flicker-glow-max:#6366f17a;color:#f4f4f5;background-image:radial-gradient(circle,#1b1b1f 0%,#0d0d11 100%),radial-gradient(circle,#ffffff0a 1px,#0000 1.5px)}.hero-title{background:linear-gradient(135deg,#fff 30%,#6366f1 100%);-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:#a1a1aa}.btn-secondary{color:#f4f4f5;border-color:#3f3f46}.btn-secondary:hover{background-color:#27272a;border-color:#52525b}.btn-disabled{color:#52525b;background-color:#18181b;border-color:#27272a}.repo-link{color:#9ca3af}}.features-section{margin-bottom:var(--space-xl)}.features-section h2{letter-spacing:-.02em;margin-top:0;margin-bottom:var(--space-md);text-align:center;font-size:1.65rem;font-weight:700}.features-grid{gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (width>=36rem){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background-color:var(--card-bg);border:1px solid var(--border-color);padding:var(--space-md);border-radius:8px;transition:border-color .2s,transform .15s}.feature-card:hover{border-color:#6366f14d}.feature-icon-wrapper{color:var(--accent-color);margin-bottom:var(--space-sm);align-items:center;display:flex}.feature-icon-wrapper svg{width:1.5rem;height:1.5rem}.feature-title{margin-top:0;margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.feature-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.55}.site-footer{border-top:1px solid var(--border-color);padding:var(--space-md) 0;color:var(--text-muted);text-align:center;margin-top:auto;font-size:.85rem}.footer-content{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}@media (width>=36rem){.footer-content{flex-direction:row;justify-content:space-between}}.footer-links{gap:1.25rem;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-color)}