:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #f3efe6;--panel:#ffffff;--ink: #0b0b0b;--health-red: #d62828;--health-red-intense: #eb2222;--muted:#6b6b6b;--accent:#ffd166}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,var(--bg),#efe9dd 60%);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app.brutal{width:100vw;min-height:100vh;margin:0;padding:calc(var(--logo-height) + 24px) 40px 40px;background-color:var(--panel);border:8px solid var(--ink);box-shadow:none;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background-color 1s ease 3.5s,border-color 1s ease 3.5s}.app.brutal:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#1a1a1a;border-radius:50%;transform:translate(-50%,-50%);z-index:0;animation:expandBackground 1.5s ease 3.5s forwards,flickerExpansion .15s ease 3.5s 6}@keyframes expandBackground{0%{width:0;height:0;opacity:0}1%{opacity:1}to{width:300vmax;height:300vmax;opacity:1}}@keyframes flickerExpansion{0%,to{background-color:#1a1a1a}50%{background-color:#fff}}.app.brutal{animation:finalBorderColor .5s ease 3.5s forwards}@keyframes finalBorderColor{to{border-color:#fff}}.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border-bottom:6px solid var(--ink);gap:12px}.brand{display:flex;align-items:baseline;gap:8px}.brand-main{font-weight:900;font-size:22px;letter-spacing:1px}.brand-sub{font-size:12px;color:var(--muted);border:3px solid var(--ink);padding:2px 6px}.nav .btn{appearance:none;background:var(--bg);color:var(--ink);border:4px solid var(--ink);padding:8px 12px;margin-left:8px;cursor:pointer;font-weight:700}.nav .btn:hover{background:var(--accent)}.center-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;position:relative;z-index:1;padding:0 12px}.title{font-size:clamp(48px,10vw,144px);margin:0;letter-spacing:-1px;font-weight:900;color:var(--ink);line-height:.95;max-width:90vw;overflow-wrap:break-word;word-break:break-word;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.below{font-size:18px;color:var(--muted);min-height:1.25em}.brand-override{margin-right:10px;animation:fadeInOverride .8s ease forwards,overrideToWhite .8s ease 3.5s forwards;animation-delay:.3s,3.5s;opacity:0}@keyframes overrideToWhite{to{color:#fff}}.brand-health{color:var(--health-red);position:relative;animation:slideInHealth 1.2s ease forwards,pulseHealth 2s ease-in-out 2.5s infinite,intensifyRed .8s ease 3.5s forwards;opacity:0;transform:translate(-100%);animation-delay:1.2s,2.5s,3.5s}@keyframes fadeInOverride{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInHealth{0%{opacity:0;transform:translate(-100%) scale(.5);z-index:-1}50%{opacity:.5;z-index:-1}to{opacity:1;transform:translate(0) scale(1);z-index:1}}@keyframes pulseHealth{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes intensifyRed{to{color:var(--health-red-intense);text-shadow:0 0 20px rgba(183,28,28,.3)}}.visit-btn{appearance:none;background:var(--accent);color:var(--ink);border:4px solid var(--ink);padding:14px 28px;font-weight:700;font-size:18px;cursor:pointer;text-decoration:none;display:inline-block;margin-top:20px;opacity:0;transform:translateY(20px);animation:fadeInButton 1s ease 3.5s forwards,borderWhite .5s ease 3.5s forwards;transition:background-color .3s ease,transform .2s ease}.visit-btn:hover{background:var(--health-red-intense);color:#fff;transform:translateY(-2px)}.visit-btn:active{transform:translateY(0)}@keyframes fadeInButton{to{opacity:1;transform:translateY(0)}}@keyframes borderWhite{to{border-color:#fff}}.description{font-size:16px;color:var(--muted);max-width:600px;line-height:1.6;margin-top:24px;opacity:0;animation:fadeInDescription 1s ease 3.5s forwards,textWhite .5s ease 3.5s forwards}.description strong{color:var(--health-red);font-weight:900;animation:strongTextRed .5s ease 3.5s forwards}@keyframes fadeInDescription{to{opacity:1}}@keyframes textWhite{to{color:#fffc}}@keyframes strongTextRed{to{color:var(--health-red-intense)}}@media(max-width:1024px){.title{font-size:clamp(40px,8.5vw,96px);gap:8px}.app.brutal{--logo-height: 220px;--logo-size: 55%;padding:calc(var(--logo-height) + 20px) 32px 32px}.app.brutal:before{height:var(--logo-height);background-size:var(--logo-size)}.visit-btn{padding:12px 24px;font-size:16px}.description{font-size:15px;max-width:500px}}@media(max-width:520px){.title{font-size:clamp(60px,15vw,96px);gap:8px;flex-direction:column;width:100%;letter-spacing:-2px}.brand-override{margin-right:0;width:100%;font-size:clamp(5 60px,15vw,96px)}.brand-health{width:100%;font-size:clamp(60px,15vw,96px)}@keyframes slideInHealth{0%{opacity:0;transform:translateY(-50%) scale(.5);z-index:-1}50%{opacity:.5;z-index:-1}to{opacity:1;transform:translateY(0) scale(1);z-index:1}}.app.brutal{--logo-height: 140px;--logo-size: 60%;padding:calc(var(--logo-height) + 12px) 16px 16px}.app.brutal:before{height:var(--logo-height);background-size:var(--logo-size)}.nav .btn{padding:6px 8px;margin-left:6px}.visit-btn{padding:10px 20px;font-size:14px;margin-top:16px}.description{font-size:14px;max-width:90%;margin-top:16px;padding:0 8px}.center-content{gap:12px;padding:0 8px}}.btn:focus{outline:4px dashed var(--ink);outline-offset:4px}
