:root{--navy:#06152c;--navy2:#0b2144;--line:rgba(255,255,255,.14);--white:#fff;--muted:#b9c8df;--accent:#35d07f}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#eef3f8;color:#fff;overflow:hidden}
.service-shell{height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr);background:#eef3f8}
.service-bar{position:relative;z-index:20;display:flex;align-items:center;gap:18px;padding:0 18px;background:linear-gradient(135deg,var(--navy),var(--navy2));border-bottom:1px solid var(--line);box-shadow:0 8px 30px rgba(6,21,44,.18)}
.service-brand{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;min-width:0}.service-brand img{width:38px;height:38px;object-fit:contain;border-radius:9px;background:#fff;padding:3px}.service-brand-text{display:flex;flex-direction:column;line-height:1.05}.service-brand-text strong{font-size:13px;letter-spacing:.12em}.service-brand-text small{margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:.08em;white-space:nowrap}
.service-title{min-width:0;padding-left:18px;border-left:1px solid var(--line);font-size:13px;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8f1ff}
.service-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.service-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;transition:transform .18s ease,background .18s ease,border-color .18s ease}.service-actions a:hover{transform:translateY(-1px)}.btn-home{color:#fff;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08)}.btn-services{color:#dce8f8;border:1px solid transparent;background:transparent}
.service-frame-wrap{position:relative;min-height:0;background:#fff}.service-frame{display:block;width:100%;height:100%;border:0;background:#fff}.viewer-hint{position:absolute;right:14px;bottom:14px;z-index:5;display:none;align-items:center;gap:8px;max-width:300px;padding:10px 12px;border-radius:12px;background:rgba(6,21,44,.92);box-shadow:0 8px 30px rgba(0,0,0,.2);color:#dbe7f7;font-size:11px;line-height:1.35}.viewer-hint a{color:#74e8aa;font-weight:800;text-decoration:none}
@media(max-width:760px){.service-shell{grid-template-rows:58px minmax(0,1fr)}.service-bar{gap:10px;padding:0 10px}.service-brand img{width:34px;height:34px}.service-brand-text small{display:none}.service-brand-text strong{font-size:11px}.service-title{padding-left:10px;font-size:11px;max-width:110px}.service-actions{gap:5px}.service-actions a{min-height:36px;padding:0 10px;border-radius:9px;font-size:11px}.btn-services{display:none}.viewer-hint{right:8px;bottom:8px;left:8px;max-width:none}}
@media(max-width:430px){.service-title{display:none}.service-actions a{padding:0 9px}.service-brand-text{display:none}}