*,*:before,*:after{box-sizing:border-box}:root{font-family:Outfit,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:#2d2d2d}body{margin:0;min-width:320px;min-height:100vh}:root{--color-bg-start: #fff0c8;--color-bg-end: #FDE6B0;--color-text-main: #f0f0f0;--color-text-muted: #cccccc;--color-accent: #E69B00;--color-accent-hover: #C28200;--color-glass-bg: rgba(255, 255, 255, 0);--color-glass-border: rgba(255, 255, 255, 0);--shadow-glass: 0 8px 32px 0 rgba(45, 36, 24, .1);--font-main: "Outfit", "Inter", sans-serif}body{font-family:var(--font-main);background:linear-gradient(to bottom,#1a1a1a,#2d2d2d);color:var(--color-text-main);margin:0;min-height:100vh;line-height:1.6}#root{position:relative;z-index:1;padding-top:80px}h1,h2,h3{color:var(--color-text-main);font-weight:700;letter-spacing:-.02em;margin-top:0}h2{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#2d2418,#e69b00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:.5rem;margin-top:4rem;color:transparent;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1.5px,transparent 2.5px),radial-gradient(circle,rgba(255,255,255,.5) 2.5px,transparent 3.5px),linear-gradient(to bottom,#ffc107,#ff9800 60%,#ff6f00);background-size:29px 43px,53px 71px,100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 6px rgba(230,155,0,.4));animation:fadeIn 1s ease-out,beerBubbleRise 8s linear infinite;font-weight:800}@keyframes beerBubbleRise{0%{background-position:0px 430px,0px 710px,0 0}to{background-position:0px 0px,0px 0px,0 0}}.hero-subtitle{font-size:1.5rem;color:#ffffffb3;margin-bottom:4rem;font-weight:300;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeIn 1s ease-out .3s backwards}.action-container{display:flex;justify-content:center;gap:2rem;margin-bottom:4rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .5s backwards}.screenshot-section{margin-bottom:5rem;text-align:left;animation:fadeInUp .8s ease-out .7s backwards;overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.screenshot-title{font-size:1.5rem;font-weight:600;margin-bottom:2rem;padding-left:2rem;color:var(--color-text-main);display:center;align-items:center;justify-content:center;text-align:center;gap:.5rem}.screenshot-marquee{overflow:hidden;width:100%}.screenshot-track{display:flex;gap:2rem;width:max-content;animation:scroll 25s linear infinite;padding:2rem 0}.screenshot-track:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.screenshot-item{flex:0 0 auto;width:280px;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative}.screenshot-item:hover{transform:translateY(-10px) scale(1.02);z-index:10}.screenshot-img{width:100%;height:auto;display:block;transition:opacity .3s ease}.btn-large{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:24px;width:220px;height:160px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);color:var(--color-text-main);cursor:pointer;box-shadow:0 10px 30px -10px #0000004d}.btn-large:hover{transform:translateY(-8px) scale(1.02);background:#ffffff1a;border-color:#e69b004d;box-shadow:0 20px 40px -10px #e69b0033;text-decoration:none}.btn-large-icon{font-size:3rem;margin-bottom:1rem}.btn-large-text{font-size:1.25rem;font-weight:700}.btn-large-sub{font-size:.9rem;color:var(--color-text-muted);margin-top:.5rem;font-weight:400}.page-desc{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:2rem}nav{display:flex;justify-content:center;gap:1rem;background:#2d2418f2;border-radius:100px;padding:.75rem 1rem;margin-bottom:3rem;box-shadow:0 4px 20px #00000026;width:fit-content;margin-left:auto;margin-right:auto}.top-bar{position:absolute;top:0;left:0;width:100%;height:80px;z-index:10;display:flex;align-items:center;background-color:#2d2d2d;padding:0 2rem;box-sizing:border-box;box-shadow:0 4px 6px #0000001a}.top-bar-logo{height:40px;object-fit:contain;cursor:pointer}nav a{color:#fffc;text-decoration:none;font-weight:600;font-size:1rem;padding:.5rem 1.25rem;border-radius:100px;transition:all .3s ease}nav a:hover{color:#fff;background:#ffffff1a;transform:translateY(-1px)}nav a.active{background:var(--color-accent);color:#fff;box-shadow:0 4px 12px #e69b0066}.card,.page-content{border-radius:16px;padding:2.5rem;position:relative;z-index:2}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}ul{list-style:none;padding:0;margin:1.5rem 0}ul li{margin:1rem 0;position:relative}ul li:before{content:none}a{color:var(--color-accent);text-decoration:none;font-weight:600;transition:color .2s}a:hover{color:var(--color-accent-hover);text-decoration:underline}.install-guide{margin:0rem 0;padding-top:1rem}.install-guide h3{text-align:center;margin-bottom:2rem;font-size:1.5rem}.step-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.step{flex:1;min-width:280px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:2.5rem;border-radius:32px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px -10px #0000004d;animation:fadeInUp .8s ease-out backwards}.step:nth-child(2){animation-delay:.2s}.step:hover{transform:translateY(-10px) scale(1.02);background:#ffffff1a;border-color:#e69b004d;box-shadow:0 20px 40px -10px #e69b0033}.step-number{width:32px;height:32px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 1rem;box-shadow:0 4px 10px #e69b004d}.step h4{margin:.5rem 0;font-size:1.2rem;color:var(--color-text-main)}.step p{margin-bottom:1.5rem;font-size:.95rem;line-height:1.5;color:var(--color-text-muted)}.btn-primary{display:inline-block;background:var(--color-accent);color:#fff;padding:.75rem 1.5rem;border-radius:100px;font-weight:600;box-shadow:0 4px 12px #e69b004d;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#e69b00,#ffb700);transform:translateY(-3px);box-shadow:0 8px 25px #e69b0080;color:#fff;text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.webapp-link{display:flex;flex-direction:column;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.05)}.webapp-title{margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;color:var(--color-text-main)}.webapp-tip{margin-top:1.5rem;font-size:.9rem;color:var(--color-text-muted);background:#ffffff4d;display:inline-block;padding:.5rem 1rem;border-radius:100px}.btn-secondary{display:inline-block;background:#ffffff80;color:var(--color-text-main);padding:.75rem 1.5rem;border-radius:100px;font-weight:600;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.btn-secondary:hover{background:#fffc;transform:translateY(-2px);text-decoration:none;box-shadow:0 4px 12px #0000000d}@media(max-width:768px){#root{padding-top:80px}.top-bar{padding:0 1rem}.card,.page-content{padding:1.5rem}.hero-title{font-size:3rem;margin-top:2rem}.hero-subtitle{font-size:1.2rem;margin-bottom:3rem;max-width:100%;padding:0 1rem}.action-container{flex-direction:column;align-items:center;gap:1.5rem}.btn-large{width:100%;max-width:320px;height:auto;padding:1.5rem;flex-direction:row;justify-content:flex-start;gap:1.5rem;text-align:left}.btn-large-icon{margin-bottom:0;font-size:2.5rem}.btn-large-text{font-size:1.2rem}.btn-large-sub{margin-top:.2rem}.btn-large>div:not(.btn-large-icon){display:flex;flex-direction:column}.btn-large{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-template-areas:"icon text" "icon sub"}.btn-large-icon{grid-area:icon;padding-right:1rem}.btn-large-text{grid-area:text}.btn-large-sub{grid-area:sub}.screenshot-section{margin-bottom:3rem}.screenshot-item{width:220px}.step-container{gap:1.5rem}.step{padding:2rem;min-width:100%}}@media(max-width:480px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.footer{text-align:center;color:var(--color-text-muted);font-size:.3rem;position:relative;z-index:2;padding:2rem 1rem}.footer-nav{flex-wrap:wrap;gap:1rem}}.home-card{text-align:center}.logo{max-width:160px;margin:0 auto 1.5rem;display:block}.legal-list{text-align:left;margin:2rem auto;max-width:600px}.legal-list li{margin-bottom:1.5rem}.legal-list li:before{content:none}.divider{margin:2rem 0;border:0;border-top:1px solid rgba(0,0,0,.1)}.footer{text-align:center;color:var(--color-text-muted);font-size:.9rem;position:relative;z-index:2;padding:2rem 1rem;background-color:#2d2d2d}.footer-nav{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;background:none;box-shadow:none;padding:0}