/* CSS gerado a partir do style.scss para uso direto no navegador */
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;background:#383838;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:hidden}
.topbar{background:#2f2f2f;height:48px;display:flex;align-items:center;justify-content:center}
.topbar-inner{font-weight:600;letter-spacing:.4px}
.hero{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:12px 14px;min-height:calc(100vh - 48px - 48px)}
.hero-inner{text-align:center;max-width:700px;width:100%;padding:8px 12px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;max-height:calc(100vh - 48px - 48px - 8px);transform:translateY(-12%)}
.hero h1{margin:0;font-size:clamp(18px,4.6vw,34px);line-height:1.05}
.subtitle{margin:0;color:#bfbfbf;font-size:clamp(12px,2.4vw,16px)}
.paperclip{position:absolute;left:50%;top:68%;transform:translate(-50%,-50%);pointer-events:none;width:clamp(56px,18vw,120px);height:auto;display:flex;align-items:center;justify-content:center}
.paperclip img,.paperclip svg{display:block;width:100%;height:auto}
.site-footer{height:48px;background:rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;flex:0 0 48px}
.footer-inner{color:#bfbfbf;font-size:14px}
.footer-inner a{color:#bfbfbf;text-decoration:none}
@media (max-width:420px){.topbar{height:44px}.hero{padding:10px}.paperclip{width:56px;top:62%}.footer-inner{font-size:13px}}
@media (min-width:700px){.hero{padding-top:28px}.paperclip{width:96px;top:72%}.hero h1{font-size:34px}}
@media (min-width:1100px){.hero-inner{max-width:920px}.paperclip{width:140px;top:74%}.hero h1{font-size:40px}}