body.ofis-gate,body.ofis-chooser{background-color:#000;background-image:url('/ofis-background.png');background-repeat:no-repeat;color:#f7f4ed;min-height:100vh;box-sizing:border-box}body.ofis-gate{background-size:min(1100px,100vw) auto;background-position:center 0;padding:clamp(255px,32vw,380px) 20px 38px}body.ofis-gate #login{box-sizing:border-box;width:min(420px,100%);max-width:420px;margin:0 auto;padding:26px 30px;background:linear-gradient(135deg,#20201eeF,#121414f5);border:1px solid #b99a55;border-radius:14px;box-shadow:0 20px 60px #0008}body.ofis-gate #login h1{color:#efd795;font-size:24px}body.ofis-gate #login p{font-size:14px;line-height:1.5;color:#d7d6d0}body.ofis-gate #login label{display:block;color:#f5f1e7}body.ofis-gate #login input{width:100%;margin-top:5px;background:#0e1113;border:1px solid #747064;color:white;min-height:44px}body.ofis-gate #login button{width:100%;min-height:45px;background:linear-gradient(100deg,#e7cd87,#ba9341);color:#171916;font-weight:700}body.ofis-gate input:focus,body.ofis-chooser button:focus-visible{outline:2px solid #f2d888;outline-offset:3px}body.ofis-chooser{background-size:min(1250px,100vw) auto;background-position:center 52px}body.ofis-chooser header{background:#0e1011ed;border-bottom:1px solid #8b713b;gap:16px}body.ofis-chooser header h1{font-size:21px;color:#e7d39e}body.ofis-chooser header button{background:#242620;border:1px solid #96804e;color:#eee3c5}body.ofis-chooser #chooser{box-sizing:border-box;max-width:1120px;margin:0 auto;padding:clamp(235px,32vw,405px) 28px 55px;text-align:center}body.ofis-chooser #chooser h2{font-size:25px;font-weight:500;margin:0 0 10px;color:#f1dfb0}body.ofis-chooser #chooser p{color:#babdbb;margin-bottom:25px}body.ofis-chooser #apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}body.ofis-chooser #apps button{position:relative;min-height:130px;padding:26px 20px;text-align:left;font-size:20px;line-height:1.4;color:#f6eddb;background:linear-gradient(135deg,#262823,#131717);border:1px solid #8d753e;border-radius:12px;box-shadow:0 10px 28px #0006;transition:background .18s,transform .18s}body.ofis-chooser #apps button:hover{background:linear-gradient(135deg,#3b3728,#22291f);border-color:#ebcf87;transform:translateY(-3px)}body.ofis-chooser dialog{color:#20344c}body.ofis-chooser #apps button::after{content:'→';display:block;color:#dabb70;margin-top:12px;font-size:23px}@media(max-width:800px){body.ofis-chooser #apps{grid-template-columns:repeat(2,minmax(0,1fr))}body.ofis-chooser header{display:flex;flex-wrap:wrap;padding:18px}body.ofis-chooser #chooser{padding-top:clamp(195px,31vw,260px)}body.ofis-chooser header h1{width:100%}}@media(max-width:480px){body.ofis-gate{padding-top:175px;background-position:center 16px}body.ofis-gate #login{padding:24px}body.ofis-chooser{background-position:center 175px}body.ofis-chooser #chooser{padding:180px 16px 35px}body.ofis-chooser #apps button{font-size:17px;padding:18px 14px;min-height:120px}body.ofis-chooser #chooser h2{font-size:21px}}@media(prefers-reduced-motion:reduce){body.ofis-chooser #apps button{transition:none}}