.logo,body{background-repeat:no-repeat}footer,main{padding:20px}.main-title,footer{text-shadow:2px 2px 4px rgba(0,0,0,.8)}body,html{margin:0;padding:0;height:100%;width:100%}body{font-family:Montserrat,sans-serif;background-image:url('https://ukrainerpeh.xyz/img/фон.png');background-position:center center;background-size:cover;background-attachment:fixed;color:#fff;overflow-x:hidden}.logo{width:270px;height:150px;margin:30px auto 2px;background-image:url('https://ukrainerpeh.xyz/img/logoserver.png');background-size:contain;background-position:center}.main-title{text-align:center;font-size:3em;font-weight:700;margin-top:1px;margin-bottom:10px}.search-container{text-align:center;margin-bottom:30px;margin-top:30px}.search-input{padding:10px;font-size:1em;width:90%;max-width:150px;border:none;border-radius:10px;outline:0;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:left;font-style:italic;font-family:Montserrat,sans-serif}.no-results,footer{text-align:center;font-family:Montserrat,sans-serif}.search-input:not(:placeholder-shown){font-style:normal}main{max-width:900px;margin:0 auto;background:rgba(56,57,56,.91);border-radius:16px;box-shadow:0 0 15px rgba(0,0,0,.3);animation:1.5s ease-in fadeIn;font-family:Montserrat,sans-serif}h2{border-left:4px solid #00c6ff;padding-left:10px;margin-top:30px;font-family:Montserrat,sans-serif}.code-block{background:rgba(255,255,255,.1);padding:15px;margin:10px 0;border-left:5px solid transparent;border-radius:8px;transition:transform .3s,background .3s;font-family:Montserrat,sans-serif}.code-block:hover{transform:scale(1.02);background:rgba(255,255,255,.2)}footer{margin-top:40px;background:rgba(255,255,255,0);font-size:.9em;color:#fff}.category-general,.code-block.general{border-left-color:#a200ff}.category-security,.code-block.security{border-left-color:#00c6ff}.category-emergency,.code-block.emergency{border-left-color:tomato}.category-raid,.code-block.raid{border-left-color:#931c1c}.category-medical,.code-block.medical{border-left-color:#ce2a0d}.no-results{display:none;margin-top:20px;font-size:1.3em;color:#f66;font-weight:700;user-select:none;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.social-links{position:fixed;top:10px;right:15px;display:flex;gap:15px;z-index:1000;font-family:Montserrat,sans-serif;font-weight:700}.social-links a{color:#fff;text-decoration:none;padding:6px 12px;background:#d76a03;border-radius:8px;transition:background-color .3s,color .3s;font-size:14px;user-select:none}.social-links a:hover{background:#f77f0f;color:#e0f7ff}@media (max-width:786px){.logo{width:180px;height:100px;margin:20px auto 10px}.main-title{font-size:2em;margin-top:5px;margin-bottom:15px}.search-input{width:50%;max-width:none;font-size:1.1em;padding:8px}main{margin:10px 15px;padding:15px;border-radius:12px;max-width:100%}h2{font-size:1.3em;padding-left:8px;margin-top:20px}.code-block{padding:12px;font-size:.9em}footer{font-size:.8em;padding:15px 10px;margin-top:30px}.social-links{top:5px;right:10px;gap:10px}.social-links a{font-size:12px;padding:5px 10px}}