body{color:#e0e6ed;background:linear-gradient(135deg,#0d1b2a 0%,#1b263b 100%);min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Inter,Arial,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.5;-webkit-backdrop-filter:none;backdrop-filter:none;background-image:url(/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;position:fixed;inset:0}header,main,footer,.lang-switch,.header-inner{z-index:1;position:relative}header{color:#e0e6ed;text-align:center;-webkit-backdrop-filter:blur(8px)saturate(120%);background:#1b263ba6;border-radius:0 0 18px 18px;padding:1.6rem 2rem;box-shadow:0 2px 8px #0d1b2a2e}header h1{letter-spacing:1px;margin:0;font-size:1.6rem}main{-webkit-backdrop-filter:blur(12px)saturate(120%);background:#16213e8c;border-radius:18px;max-width:800px;margin:2rem auto;padding:2rem 2rem 80px;box-shadow:0 4px 24px #0d1b2a2e}section{margin-bottom:2rem}h2{color:#4fc3f7;margin-bottom:.5rem}p{color:#e0e6ed;line-height:1.7}footer{color:#e0e6ed;text-align:center;letter-spacing:.5px;z-index:10;-webkit-backdrop-filter:blur(8px)saturate(120%);background:#0d1b2ab3;border-radius:18px 18px 0 0;width:100%;margin-top:1rem;padding:1rem 0;font-size:1rem;position:fixed;bottom:0;left:0}a{color:#4fc3f7;background:#0000000d;border-radius:3px;padding:0 2px;text-decoration:underline;transition:color .2s,background .2s}a:visited{color:#90caf9}a:hover,a:focus{color:#fff176;background:#1b263b66;border-radius:3px;outline:none;text-decoration:none}.logo{object-fit:contain;border-radius:6px;width:64px;height:auto;display:inline-block}.header-inner{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:.75rem 1.2rem;display:flex;position:relative}.header-inner .logo{object-fit:contain;border-radius:6px;width:56px;height:auto;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.header-inner .header-title,header h1{text-align:center;margin:0;font-size:2rem;line-height:1}.lang-switch{z-index:220;pointer-events:auto;background:#0d6efd1f;border:1px solid #0d6efd38;border-radius:8px;align-items:center;gap:.4rem;padding:.1rem;display:flex;position:absolute;top:1rem;right:2rem}.lang-switch button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:.12rem .18rem;transition:background .12s,border-color .12s,transform 60ms;display:inline-flex}.lang-switch button.active{background:#0d6efd2e;border-color:#0d6efdf2;box-shadow:0 4px 10px #0d6efd14}.lang-switch button:focus{border-color:#4fc3f7e6;box-shadow:0 0 0 3px #4fc3f714}.lang-switch .flag{object-fit:cover;border-radius:2px;width:18px;height:13px;display:block}@media (max-width:900px){main{max-width:98vw;padding:1.2rem}body:before{opacity:.45;background-attachment:scroll}}@media (max-width:600px){main{border-radius:10px;margin:1rem .2rem 3.5rem;padding:.5rem}header h1{font-size:1.3rem}.logo{height:40px}.header-inner .logo{width:48px;left:.6rem}.header-inner .header-title{padding:0 3rem;font-size:1.3rem}.lang-switch{border-radius:8px;gap:.2rem;padding:.1rem .2rem;top:.5rem;right:.5rem}.lang-switch button{border-radius:5px;padding:.18rem .5rem .18rem .3rem;font-size:.93rem}.lang-switch .flag{width:15px;height:11px}footer{border-radius:10px 10px 0 0;padding:.7rem 0;font-size:.95rem}h2{font-size:1.1rem}section{margin-bottom:1.2rem}}