*{box-sizing:border-box}body{margin:0;font-family:Verdana,Arial,sans-serif;background:linear-gradient(135deg,#eef3ff,#f7fbff 55%,#ffffff);color:#152033}.page{max-width:1280px;margin:0 auto;padding:24px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#102a54,#1a5fb4);color:#fff;border-radius:24px;padding:28px;box-shadow:0 16px 40px rgba(16,42,84,.2)}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.8}.hero h1{margin:0;font-size:34px}.sub{max-width:720px;margin:10px 0 0;line-height:1.5}.badge{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);padding:12px 16px;border-radius:999px;font-weight:700;white-space:nowrap}.selector-card{margin:18px 0;background:#fff;border:1px solid #dce5f3;border-radius:22px;padding:18px;display:grid;grid-template-columns:320px 1fr;gap:20px;box-shadow:0 10px 30px rgba(20,46,84,.08)}label{font-size:13px;font-weight:700;color:#34435c;margin-bottom:8px;display:block}select{width:100%;padding:13px 14px;border:1px solid #b9c7db;border-radius:14px;font-size:15px;background:#fff}.product-info{background:#f5f8fc;border:1px solid #e0e8f4;border-radius:16px;padding:14px}.product-info strong{display:block;font-size:17px;margin-bottom:5px}.product-info span{display:block;color:#52627a;margin-bottom:8px}.product-info ul{margin:8px 0 0;padding-left:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;font-size:13px;color:#2f3d52}.app-frame-wrap{background:#fff;border:1px solid #dce5f3;border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(20,46,84,.1)}iframe{width:100%;height:900px;border:0;display:block;background:#fff}@media(max-width:760px){.hero,.selector-card{display:block}.badge{display:inline-block;margin-top:14px}.selector-card .product-info{margin-top:14px}.product-info ul{grid-template-columns:1fr}.hero h1{font-size:26px}.page{padding:14px}iframe{height:980px}}


.hidden{display:none!important}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#102a54,#1a5fb4 55%,#eef3ff)}.login-card{width:min(920px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.25)}.login-brand{padding:42px;background:linear-gradient(135deg,#102a54,#1a5fb4);color:#fff}.login-brand h1{margin:0;font-size:36px}.login-brand p:last-child{line-height:1.5;opacity:.9}.login-form{padding:38px}.login-form input{width:100%;padding:13px 14px;border:1px solid #b9c7db;border-radius:14px;font-size:15px;margin:0 0 14px;background:#fff}.login-form button{width:100%;padding:13px 14px;border:0;border-radius:14px;background:#1a5fb4;color:#fff;font-weight:800;font-size:15px;cursor:pointer}.login-form .link-btn{margin-top:10px;background:transparent;color:#1a5fb4;border:1px solid #d7e2f1}.login-error{color:#b00020;min-height:20px;font-weight:700}.hint-box{font-size:12px;background:#f5f8fc;border:1px solid #e0e8f4;border-radius:14px;padding:12px;color:#34435c}.hint-box code{background:#eaf1fb;padding:1px 5px;border-radius:5px}.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.logout-btn{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;padding:11px 15px;border-radius:999px;font-weight:800;cursor:pointer}@media(max-width:760px){.login-card{display:block}.login-brand{padding:28px}.login-brand h1{font-size:27px}}