*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;min-height:100%}
body{overflow:hidden;background:#0d110c;font-family:Georgia,"Times New Roman",serif}
.hero{position:relative;width:100%;min-height:100svh;background-image:linear-gradient(to bottom,rgba(0,0,0,.04) 0%,rgba(0,0,0,.08) 60%,rgba(0,0,0,.34) 100%),url("ostatni.jpg");background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#0d110c}
.enter-btn{position:absolute;left:50%;bottom:200px;z-index:2;transform:translateX(-50%);color:#f2e5c2;text-decoration:none;font-size:clamp(1.2rem,2vw,2rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;padding:8px 12px;text-shadow:0 2px 5px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.75);transition:color .25s ease,opacity .25s ease,transform .25s ease}
.enter-btn::after{content:"";display:block;width:42%;height:1px;margin:7px auto 0;background:currentColor;opacity:.65;transition:width .25s ease}
.enter-btn:hover,.enter-btn:focus-visible{color:#fff7df;transform:translateX(-50%) translateY(-2px)}
.enter-btn:hover::after,.enter-btn:focus-visible::after{width:100%}
.enter-btn:focus-visible{outline:1px solid rgba(255,247,223,.75);outline-offset:5px}
@media(max-width:768px){body{overflow:auto}.hero{min-height:100svh;background-position:center top}.enter-btn{bottom:22px;font-size:1.05rem;letter-spacing:.14em}}
@media(prefers-reduced-motion:reduce){.enter-btn,.enter-btn::after{transition:none}}