.homepage-hero{padding:16px 16px 24px;text-align:center}.homepage-hero-title{font-size:28px;font-weight:800;color:#ececf0;line-height:1.2;letter-spacing:-.5px}.homepage-hero-subtitle{font-size:13px;color:#90909c;line-height:1.6;margin-top:12px;max-width:340px;margin-left:auto;margin-right:auto}.button-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 4px;background:linear-gradient(180deg,#30303a,#24242c);border:1px solid hsla(0,0%,100%,.09);border-top-color:hsla(0,0%,100%,.1);border-radius:12px;color:#b0b0b8;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.04)}.action-btn:hover{background:linear-gradient(180deg,#34343e,#2c2c36);border-color:hsla(0,0%,100%,.13);color:#e0e0e5}.action-btn:active{transform:translateY(1px);background:linear-gradient(180deg,#30303a,#24242c)}.action-btn--static,.action-btn--static:active,.action-btn--static:hover{cursor:default;transform:none;background:hsla(0,0%,100%,.025);border:1px solid hsla(0,0%,100%,.05);box-shadow:inset 0 2px 5px rgba(0,0,0,.2);color:#90909c}.action-btn svg{width:20px;height:20px;stroke:#23a0d3;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.enter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding:0}.enter-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;border-radius:12px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .15s}.enter-btn svg{width:14px;height:14px;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.enter-btn--primary{border:none;border-top:1px solid hsla(0,0%,100%,.22);background:linear-gradient(180deg,#2ab2e8,#1d87b5);box-shadow:0 0 18px rgba(35,160,211,.28),0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.14);color:#0f0f14}.enter-btn--primary svg{stroke:#0f0f14}.enter-btn--primary:hover{background:linear-gradient(180deg,#38bdf0,#2094c6);box-shadow:0 0 22px rgba(35,160,211,.36),0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.14)}.enter-btn--primary:active{transform:translateY(1px);box-shadow:0 0 12px rgba(35,160,211,.22),0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.enter-btn--secondary{background:linear-gradient(180deg,#30303a,#24242c);border:1px solid rgba(35,160,211,.3);border-top-color:rgba(35,160,211,.4);box-shadow:0 2px 6px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.04);color:#2ab2e8}.enter-btn--secondary svg{stroke:#2ab2e8}.enter-btn--secondary:hover{background:linear-gradient(180deg,#34343e,#2c2c36);border-color:rgba(35,160,211,.45)}.enter-btn--secondary:active{transform:translateY(1px)}@media (max-width:424px){.homepage-hero{margin-top:-20px}}@media (min-width:768px){.homepage-hero{padding:16px 32px 32px}.enter-row{display:none}.homepage-hero-title{font-size:42px}.homepage-hero-subtitle{font-size:15px;max-width:480px}.button-row{padding:0 32px;max-width:500px;margin:0 auto}}