:root{--steam-dark-blue:#1b2838;--steam-dark-grey:#171d25;--steam-medium-blue:#2a475e;--steam-light-blue:#66c0f4;--steam-accent-blue:#1a9fff;--steam-text-primary:#c7d5e0;--steam-text-secondary:#8f98a0;--steam-text-dark:#4b687d;--steam-border-color:#3d4450;--steam-button-bg:#1a9fff;--steam-button-hover-bg:#2aa7ff;--steam-button-text:#fff;--steam-green-accent:#7bc519;--bg-color:var(--steam-dark-blue);--surface-color:var(--steam-medium-blue);--primary-text-color:var(--steam-text-primary);--secondary-text-color:var(--steam-text-secondary);--border-color:var(--steam-border-color);--accent-color-blue:var(--steam-accent-blue);--accent-color-blue-darker:#157ab5;--link-color:var(--steam-light-blue);--icon-color-feature:var(--steam-accent-blue);--badge-bg:rgba(102,192,244,0.1);--badge-border:rgba(102,192,244,0.2);--modal-bg:var(--steam-dark-grey);--modal-text:var(--steam-text-primary);--modal-border:var(--steam-border-color);--button-bg:var(--steam-button-bg);--button-hover-bg:var(--steam-button-hover-bg);--button-text-color:var(--steam-button-text)}body,html{margin:0;padding:0;font-family:'Open Sans',Arial,Helvetica,sans-serif;line-height:1.6;background-color:var(--bg-color);background-image:linear-gradient(to bottom,var(--steam-dark-blue),var(--steam-dark-grey));color:var(--primary-text-color);display:flex;flex-direction:column;align-items:center;min-height:100vh;box-sizing:border-box;font-size:14px}.logo-container{width:100%;max-width:940px;margin:30px auto 15px auto;padding:0 15px;text-align:center;box-sizing:border-box}.logo-image{max-width:300px;max-height:100px;height:auto}.status-badges-container{width:100%;max-width:940px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 20px auto;padding:0 15px;box-sizing:border-box}.status-badge{background-color:var(--badge-bg);color:var(--secondary-text-color);padding:4px 10px;border-radius:3px;font-size:.85em;font-weight:normal;display:inline-flex;align-items:center;box-shadow:none;border:1px solid var(--badge-border)}.status-badge span{font-weight:600;color:var(--primary-text-color);margin-left:5px}.top-promo-text{width:100%;max-width:940px;text-align:center;color:var(--secondary-text-color);text-transform:none;font-weight:normal;font-size:.85em;margin-bottom:15px;padding:0 15px;box-sizing:border-box;letter-spacing:normal}.container{max-width:940px;width:100%;background-color:var(--surface-color);padding:25px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.2);text-align:center;margin:0 auto 30px auto;box-sizing:border-box;border:1px solid var(--border-color)}.subtext{font-size:1.15em;color:var(--primary-text-color);margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto}.action-button{display:inline-block;background:linear-gradient(to bottom,var(--button-bg) 5%,var(--accent-color-blue-darker) 95%);color:var(--button-text-color);padding:12px 30px;font-size:1.15em;font-weight:600;text-decoration:none;border:1px solid rgba(0,0,0,0.3);border-radius:3px;cursor:pointer;transition:background-color .2s ease,transform .1s ease,box-shadow .1s ease;margin-top:15px;margin-bottom:30px;box-shadow:0 1px 2px rgba(0,0,0,0.15);text-transform:uppercase;letter-spacing:.5px;animation:none}.action-button:hover{background:linear-gradient(to bottom,var(--button-hover-bg) 5%,var(--accent-color-blue) 95%);animation-play-state:paused;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.action-button:active{transform:translateY(0px);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);background:var(--accent-color-blue-darker)}.content-section{margin-bottom:20px}.content-title{font-size:1.7em;font-weight:600;margin-bottom:10px;color:var(--primary-text-color);font-family:'Open Sans',Arial,Helvetica,sans-serif}.content-paragraph{font-size:1em;color:var(--primary-text-color);max-width:700px;margin:0 auto 20px auto;line-height:1.7}.features-section{width:100%;max-width:940px;margin:0 auto 40px auto;padding:0 15px;box-sizing:border-box}.features-header{text-align:center;margin-bottom:25px}.features-header .title{font-size:1.85em;font-weight:600;font-family:'Open Sans',Arial,Helvetica,sans-serif;color:var(--primary-text-color);margin-bottom:8px}.features-header .desc{font-size:1em;color:var(--secondary-text-color);max-width:650px;margin:0 auto;line-height:1.7}.features-list{list-style:none;padding:0;margin:0;margin-top:25px;border-top:1px solid var(--border-color);padding-top:25px}.feature-item{display:flex;align-items:flex-start;padding:10px 0;font-size:1em;border-bottom:1px solid var(--border-color)}.feature-item:last-child{border-bottom:none}.feature-item .icon{margin-right:12px;flex-shrink:0;color:var(--icon-color-feature);margin-top:2px}.feature-item .icon svg{width:20px;height:20px;fill:currentColor}.feature-item .text{color:var(--primary-text-color)}.feature-item .feature-title{font-weight:600;color:var(--primary-text-color);display:block;margin-bottom:4px}.feature-item .feature-description{color:var(--secondary-text-color);font-size:.9em}.faq-section{width:100%;max-width:940px;margin:0 auto 40px auto;padding:25px;box-sizing:border-box;background-color:var(--surface-color);border-radius:4px;border:1px solid var(--border-color)}.faq-header{text-align:center;margin-bottom:25px}.faq-header .title{font-size:1.85em;font-weight:600;color:var(--primary-text-color);margin-bottom:8px}.faq-item{border-bottom:1px solid var(--border-color);padding:15px 0}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-question{font-weight:600;color:var(--steam-light-blue);cursor:pointer;position:relative;padding-right:20px}.faq-question::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.2em;transition:transform .2s ease}.faq-item.active .faq-question::after{transform:translateY(-50%) rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding-top .3s ease-out;color:var(--secondary-text-color);font-size:.95em;padding-top:0}.faq-item.active .faq-answer{padding-top:15px;max-height:300px}footer{margin-top:20px;padding:25px 15px 25px 15px;font-size:.85em;color:var(--secondary-text-color);text-align:center;width:100%;max-width:940px;margin:0 auto;box-sizing:border-box;border-top:1px solid var(--border-color)}.copyright{margin-bottom:15px}.social-links{margin-bottom:15px}.legal-links a{color:var(--link-color);text-decoration:none;margin:0 8px;cursor:pointer}.legal-links a:hover{text-decoration:underline;color:#fff}.social-links a{margin:0 8px;display:inline-block;transition:transform .2s ease}.social-links a:hover{transform:scale(1.1)}.social-links svg{width:22px;height:22px;fill:var(--secondary-text-color);vertical-align:middle;transition:fill .2s ease}.social-links a:hover svg{fill:var(--link-color)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8);padding-top:50px}.modal-content{background-color:var(--modal-bg);color:var(--modal-text);margin:5% auto;padding:20px 25px;border:1px solid var(--modal-border);width:80%;max-width:750px;border-radius:4px;position:relative;text-align:left;font-size:.9em;line-height:1.7;box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-content h2{margin-top:0;margin-bottom:15px;color:var(--link-color);font-family:'Open Sans',Arial,Helvetica,sans-serif;font-weight:600;font-size:1.4em;border-bottom:1px solid var(--border-color);padding-bottom:10px}.modal-content p{margin-bottom:1em;color:var(--modal-text)}.modal-content strong{color:var(--primary-text-color);font-weight:600}.close-button{color:var(--secondary-text-color);position:absolute;top:15px;right:20px;font-size:24px;font-weight:bold;line-height:1;transition:color .2s ease}.close-button:hover,.close-button:focus{color:var(--primary-text-color);text-decoration:none;cursor:pointer}@media(max-width:960px){.logo-container,.status-badges-container,.container,.features-section,.faq-section,footer{max-width:100%;padding-left:20px;padding-right:20px}}@media(max-width:600px){body{font-size:13px}.logo-container{margin-top:20px;margin-bottom:10px}.logo-image{max-width:250px;max-height:80px}.status-badges-container{padding:0 15px;gap:8px;margin-bottom:15px}.status-badge{font-size:.8em;padding:3px 8px}.top-promo-text{font-size:.8em;margin-bottom:10px}.container{padding:20px;margin:0 auto 20px auto}.subtext{font-size:1.1em}.content-title{font-size:1.5em}.action-button{padding:10px 25px;font-size:1.1em}.features-section{padding:0 15px;margin-bottom:30px}.features-header .title,.faq-header .title{font-size:1.6em}.modal-content{width:90%;margin:10% auto;padding:15px 20px;font-size:.85em}.modal-content h2{font-size:1.3em}.social-links,.legal-links,.copyright{font-size:.85em}.social-links svg{width:20px;height:20px}footer{padding:20px 15px 15px 15px}}