body { display: block; min-height: 100svh; overflow-x: hidden; background: #030609; }
body::before { content: ""; position: fixed; z-index: 0; inset: 0; pointer-events: none; opacity: .26; background: radial-gradient(ellipse at 51% 34%,#0b2137 0,#04090f 49%,#020407 100%),repeating-linear-gradient(0deg,#c0e7ff08 0 1px,transparent 1px 4px); }
.eye-support { position: relative; z-index: 1; isolation: isolate; width: min(100%,1080px); min-height: 100svh; margin: auto; padding: max(18px,env(safe-area-inset-top)) clamp(20px,5vw,56px) max(16px,env(safe-area-inset-bottom)); display: flex; flex-direction: column; color: #d8e5ee; }
.eye-header { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #b8dfff24; }
.eye-brand { display: inline-flex; align-items: center; gap: 10px; color: #c4d5e1; font-size: 10px; letter-spacing: .15em; text-decoration: none; }
.eye-brand img { width: 28px; height: 28px; filter: drop-shadow(0 0 8px #328dc455); }
.eye-brand b { color: #6198bb; font-weight: 400; }
.eye-header__back { color: #91a9b9; font: 10px Consolas,"Courier New",monospace; letter-spacing: .12em; text-decoration: none; }
.eye-header__back:hover,.eye-header__back:focus-visible { color: #e5f4ff; }
.eye-intro { width: min(100%,760px); padding: clamp(42px,7vh,76px) 0 30px; }
.eye-kicker { margin: 0 0 18px; color: #78a9ca; font: 10px/1.6 Consolas,"Courier New",monospace; letter-spacing: .18em; }
.eye-kicker i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #48c9ff; box-shadow: 0 0 12px #48c9ff88; }
.eye-intro h1 { margin: 0 0 14px; color: #e0edf6; font: 400 clamp(44px,8vw,72px)/1.02 Consolas,"Courier New",monospace; letter-spacing: .035em; }
.eye-intro>p:last-child { max-width: 560px; margin: 0; color: #9badbb; font-size: 14px; line-height: 1.65; }
.eye-flow,.eye-diagnostics,.eye-contact { width: min(100%,840px); }
.eye-flow h2,.eye-diagnostics h2,.eye-contact h2 { margin: 0; color: #80b5d8; font: 10px/1.6 Consolas,"Courier New",monospace; letter-spacing: .19em; }
.eye-issues { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.eye-issues button { min-height: 54px; display: grid; grid-template-columns: 28px 1fr 14px; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #738c9d55; color: #d3e0e9; background: linear-gradient(110deg,#09121bde,#03080dcc); text-align: left; cursor: pointer; transition: border-color .18s ease,background .18s ease,transform .18s ease; }
.eye-issues button:hover,.eye-issues button:focus-visible,.eye-issues button[aria-pressed="true"] { border-color: #79bce3; background: #0b1d2c; outline: 0; box-shadow: 0 0 16px #2878a622; }
.eye-issues button:hover { transform: translateY(-1px); }
.eye-issues button span { color: #6b91a9; font: 10px Consolas,"Courier New",monospace; }
.eye-issues button b { font: 11px/1.45 Consolas,"Courier New",monospace; letter-spacing: .07em; }
.eye-issues button i { color: #83b9d8; font: normal 18px Consolas,"Courier New",monospace; }
.eye-diagnostics,.eye-contact { margin-top: 28px; padding: clamp(18px,3.5vw,28px); border: 1px solid #7f9bab38; background: linear-gradient(135deg,#08121cdb,#03080de8); }
.eye-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.eye-section-head button { border: 0; padding: 8px 0; color: #9eb9cb; background: transparent; font: 10px Consolas,"Courier New",monospace; cursor: pointer; }
.eye-section-head button:hover,.eye-section-head button:focus-visible { color: #e4f5ff; outline-color: #8bcfff; }
.eye-local-check { min-height: 18px; margin: 16px 0 0; color: #9cb4c4; font: 11px/1.6 Consolas,"Courier New",monospace; }
.eye-status-list { list-style: none; margin: 8px 0 0; padding: 0; border-top: 1px solid #9fc6df20; }
.eye-status-list li { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid #9fc6df1a; color: #aebfca; font-size: 12px; }
.eye-status-list li b { flex: 0 0 auto; color: #7f95a4; font: 10px Consolas,"Courier New",monospace; letter-spacing: .1em; }
.eye-status-list li[data-state="online"] b { color: #75d29c; }
.eye-status-list li[data-state="degraded"] b { color: #e7be77; }
.eye-status-list li[data-state="offline"] b { color: #e28c95; }
.eye-recommendation { margin: 16px 0 0; padding-left: 12px; border-left: 2px solid #53a9d8; color: #d2e2ed; font-size: 13px; line-height: 1.7; }
.eye-new-phone { margin-top: 18px; }
.eye-new-phone p { color: #afc1cd; font-size: 12px; line-height: 1.6; }
.eye-contact>p { max-width: 680px; margin: 12px 0 18px; color: #a5b8c5; font-size: 12px; line-height: 1.65; }
#support-form { display: grid; gap: 9px; }
#support-form label { margin-top: 8px; color: #8eb1c8; font: 10px/1.5 Consolas,"Courier New",monospace; letter-spacing: .12em; }
#support-form input,#support-form select,#support-form textarea { width: 100%; min-height: 46px; padding: 11px 12px; border: 1px solid #71899a70; border-radius: 1px; color: #e1edf5; background: #02070bcc; font: 13px/1.5 Consolas,"Courier New",monospace; }
#support-form textarea { min-height: 118px; resize: vertical; }
#support-form input:focus-visible,#support-form select:focus-visible,#support-form textarea:focus-visible { outline: 1px solid #80c8f3; box-shadow: 0 0 0 2px #47a9e622; }
#support-form select option { color: #e1edf5; background: #07111a; }
.eye-form-hint,.eye-form-message { margin: 0; color: #8095a4; font-size: 10px; line-height: 1.6; }
.eye-form-message { min-height: 19px; color: #e8aeb6; }
.eye-form-message[data-state="success"] { color: #8bd5a6; }
.eye-button { min-height: 46px; display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; width: fit-content; max-width: 100%; padding: 12px 16px; border: 1px solid #809cac8a; color: #dcebf4; background: #07131dcc; font: 10px/1.4 Consolas,"Courier New",monospace; letter-spacing: .11em; text-decoration: none; cursor: pointer; }
.eye-button:hover,.eye-button:focus-visible { border-color: #8fd2f4; color: #fff; background: #0b2030; outline: 0; box-shadow: 0 0 16px #2a8cc333; }
.eye-button--primary { border-color: #83b6d3; background: linear-gradient(105deg,#0b2030,#071018); }
.eye-button:disabled { opacity: .6; cursor: wait; }
.eye-request-id { color: #8db39c !important; font: 10px Consolas,"Courier New",monospace; }
.eye-footer { display: flex; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 18px; color: #718391; font: 9px/1.5 Consolas,"Courier New",monospace; letter-spacing: .1em; }
.eye-debug { position: fixed; z-index: 30; right: 12px; bottom: 12px; width: min(330px,calc(100vw - 24px)); max-height: 45svh; overflow: auto; padding: 12px; border: 1px solid #65a9d877; background: #03080ef2; box-shadow: 0 8px 40px #000b; }
.eye-debug strong { display: block; margin-bottom: 8px; color: #93c9ea; font: 10px Consolas,"Courier New",monospace; }
.eye-debug button { width: 100%; min-height: 31px; margin-top: 5px; border: 1px solid #5e8198; color: #c7dce9; background: #07111a; font: 9px Consolas,"Courier New",monospace; cursor: pointer; }
.eye-debug button:focus-visible,.eye-debug button:hover { outline: 1px solid #8bd2fa; }
[hidden] { display: none !important; }
@media(max-width:640px) { .eye-support { padding-right: max(18px,env(safe-area-inset-right)); padding-left: max(18px,env(safe-area-inset-left)); } .eye-intro { padding-top: 40px; } .eye-intro h1 { font-size: clamp(42px,12vw,58px); } .eye-intro>p:last-child { font-size: 13px; } .eye-issues { grid-template-columns: 1fr; gap: 7px; } .eye-issues button { min-height: 50px; } .eye-diagnostics,.eye-contact { margin-top: 20px; } .eye-status-list li { font-size: 11px; } .eye-footer { flex-direction: column; font-size: 8px; } .eye-section-head { align-items: flex-start; flex-direction: column; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }