*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-brand: #002B50;--color-accent: #2563EB;--color-accent-hover: #1D4ED8;--color-accent-soft: rgba(37, 99, 235, .07);--color-accent-medium: rgba(37, 99, 235, .12);--color-surface: rgba(255, 255, 255, .72);--color-surface-solid: #ffffff;--color-card-bg: #F7F8FB;--color-text: #0F172A;--color-text-secondary: #475569;--color-text-tertiary: #94A3B8;--color-text-on-accent: #ffffff;--color-border: rgba(0, 0, 0, .08);--color-border-light: rgba(0, 0, 0, .04);--color-focus-ring: rgba(37, 99, 235, .3);--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-error-border: #FECACA;--color-error-text: #991B1B;--color-success: #059669;--color-success-bg: #ECFDF5;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", monospace;--radius-xs: 4px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}html{font-family:var(--font-sans);line-height:1.6;color:var(--color-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-color:#e8ecf4;background-image:radial-gradient(ellipse 80% 60% at 10% -20%,rgba(147,197,253,.35) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 10%,rgba(199,210,254,.3) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 50% 110%,rgba(196,181,253,.2) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 0% 80%,rgba(186,230,253,.15) 0%,transparent 50%)}#root{min-height:100vh;display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:#2563eb33}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0003}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}@keyframes orbShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes orbRing{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.05);opacity:.35}}@keyframes dotPulse{0%,70%,to{opacity:.25;transform:scale(1)}35%{opacity:.9;transform:scale(1.3)}}.app{display:flex;flex-direction:column;min-height:100vh}.header{padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);background:#fff9;border-bottom:1px solid rgba(255,255,255,.5)}.header-brand{display:flex;align-items:center;gap:.75rem}.header-logo{height:52px;width:auto}.header-divider{width:1px;height:18px;background:#0000001f}.header-title{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);letter-spacing:.04em;text-transform:uppercase}.header-nav a{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-text-secondary);text-decoration:none;font-size:.8125rem;font-weight:500;padding:.375rem .75rem;border-radius:var(--radius);transition:all var(--transition-fast)}.header-nav a:hover{color:var(--color-text);background:#0000000a}.header-nav a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header-nav-icon{display:inline-flex;opacity:.6}.main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.5rem 4rem}.content-card{width:100%;max-width:620px;background:#ffffffa6;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);box-shadow:0 0 0 1px #ffffff4d inset,0 4px 24px #0000000f,0 12px 48px #0000000a;padding:2rem 2rem 1.5rem;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.content-header{text-align:center;padding:.25rem 0 0}.content-header h1{font-size:1.625rem;font-weight:700;letter-spacing:-.035em;color:var(--color-text);line-height:1.2}.content-header p{font-size:.875rem;color:var(--color-text-tertiary);margin-top:.125rem}.content-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent);margin:1.25rem 0}.view-tabs{display:flex;gap:2px;padding:3px;background:#0000000d;border-radius:var(--radius);margin-bottom:1.25rem}.view-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;background:none;border:none;color:var(--color-text-tertiary);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;padding:.4375rem .875rem;border-radius:calc(var(--radius) - 3px);transition:all var(--transition-fast)}.view-tab:hover:not(.view-tab-active){color:var(--color-text-secondary)}.view-tab-active{background:var(--color-surface-solid);color:var(--color-text);font-weight:600;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.view-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.view-tab svg{flex-shrink:0;opacity:.7}.view-tab-active svg{opacity:1}.chat-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.75rem 1rem 1.5rem;animation:fadeIn .5s ease both}.chat-welcome-logo{position:relative;width:72px;height:72px;margin-bottom:1.25rem;animation:orbFloat 5s ease-in-out infinite}.chat-welcome-logo:before,.chat-welcome-logo:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(0,43,80,.12);animation:orbRing 5s ease-in-out infinite}.chat-welcome-logo:before{inset:-10px}.chat-welcome-logo:after{inset:-22px;border-color:#002b500f;animation-delay:.5s}.chat-welcome-logo-icon{width:72px;height:72px;filter:drop-shadow(0 2px 8px rgba(0,43,80,.15))}.chat-welcome h2{font-size:1.125rem;font-weight:650;color:var(--color-text);letter-spacing:-.02em;margin-bottom:.125rem}.chat-welcome p{font-size:.8125rem;color:var(--color-text-tertiary);margin-bottom:1.25rem}.chat-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:400px;animation:slideUp .4s ease both;animation-delay:.2s}.chat-suggestion{background:var(--color-surface-solid);border:1px solid rgba(0,0,0,.07);border-radius:var(--radius);padding:.4375rem .875rem;font-family:var(--font-sans);font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);box-shadow:0 1px 2px #00000008}.chat-suggestion:hover{color:var(--color-accent);border-color:#2563eb33;box-shadow:0 4px 16px #2563eb1a;transform:translateY(-2px)}.chat-suggestion:active{transform:translateY(0)}.chat-suggestion:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chat-interface{display:flex;flex-direction:column;animation:fadeIn .3s ease both}.chat-messages{max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:.625rem;padding:.25rem 0 .75rem;scroll-behavior:smooth}.chat-message{display:flex;animation:slideUp .2s ease both}.chat-message-user{justify-content:flex-end}.chat-bubble{max-width:82%;padding:.625rem .9375rem;font-size:.875rem;line-height:1.55}.chat-bubble p{margin:0}.chat-bubble p+p{margin-top:.375em}.chat-bubble ul,.chat-bubble ol{margin:.375em 0;padding-left:1.25em}.chat-bubble li{margin-bottom:.15em}.chat-bubble-user{background:linear-gradient(135deg,#3b82f6,#2563eb);color:var(--color-text-on-accent);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);box-shadow:0 2px 8px #2563eb33}.chat-bubble-assistant{background:var(--color-surface-solid);color:var(--color-text);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs);border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #0000000a}.chat-code-block{background:#1e293b;color:#e2e8f0;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.8125rem;overflow-x:auto;margin:.375em 0}.chat-code-block code{font-family:var(--font-mono)}.chat-inline-code{background:#2563eb12;padding:.1em .3em;border-radius:var(--radius-xs);font-size:.8125rem;font-family:var(--font-mono)}.chat-typing{display:flex;gap:4px;padding:.5rem .25rem;animation:fadeIn .3s ease both}.chat-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);animation:dotPulse 1.4s ease-in-out infinite}.chat-typing-dot:nth-child(2){animation-delay:.16s}.chat-typing-dot:nth-child(3){animation-delay:.32s}.chat-escalate{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#eff6ff,#f0f4ff);border:1px solid rgba(37,99,235,.1);border-radius:var(--radius);margin-top:.5rem;animation:slideUp .3s ease both}.chat-escalate p{flex:1;font-size:.8125rem;color:var(--color-accent-hover);margin:0;font-weight:500}.chat-escalate .form-btn{flex-shrink:0;font-size:.75rem;padding:.4375rem .875rem}.chat-input-bar{display:flex;gap:.5rem;align-items:flex-end;padding:.375rem .375rem .375rem 1rem;margin-top:.75rem;background:var(--color-surface-solid);border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 8px #00000008;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-input-bar:focus-within{border-color:#2563eb59;box-shadow:0 0 0 3px var(--color-focus-ring),0 2px 8px #00000008}.chat-textarea{flex:1;font-family:var(--font-sans);font-size:.875rem;padding:.5rem 0;border:none;background:transparent;color:var(--color-text);resize:none;outline:none;min-height:36px;max-height:100px;line-height:1.5}.chat-textarea::placeholder{color:var(--color-text-tertiary)}.chat-send-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:var(--color-text-on-accent);border:none;border-radius:50%;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);box-shadow:0 2px 6px #2563eb40}.chat-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #2563eb59;transform:scale(1.06)}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chat-send-btn:disabled{opacity:.25;cursor:not-allowed;box-shadow:none}.support-form{display:flex;flex-direction:column;gap:1rem;animation:slideUp .3s ease both}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.3125rem}.form-group label{font-size:.8125rem;font-weight:550;color:var(--color-text)}.form-required{color:var(--color-error)}.form-optional{font-weight:400;color:var(--color-text-tertiary);font-size:.75rem}.form-select,.form-group input,.form-group textarea{font-family:var(--font-sans);font-size:.875rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius);background:var(--color-surface-solid);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-select:hover,.form-group input:hover,.form-group textarea:hover{border-color:#0000002e}.form-select:focus,.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:var(--color-text-on-accent);border:none;padding:.5625rem 1.375rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);align-self:flex-start;box-shadow:0 2px 8px #2563eb33}.form-btn:hover:not(:disabled){box-shadow:0 4px 16px #2563eb4d;transform:translateY(-1px)}.form-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #2563eb26}.form-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.form-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.file-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1.125rem;border:1.5px dashed rgba(0,0,0,.12);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);background:#00000004}.file-drop-zone:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.file-drop-zone:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.file-input-hidden{display:none}.file-drop-icon{font-size:1.125rem;opacity:.4}.file-drop-text{font-size:.8125rem;color:var(--color-text-secondary);font-weight:500}.file-drop-hint{font-size:.6875rem;color:var(--color-text-tertiary)}.file-list{list-style:none;display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.file-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:#00000005;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-sm);font-size:.8125rem}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-weight:500}.file-size{color:var(--color-text-tertiary);white-space:nowrap;font-size:.75rem}.file-remove{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:1rem;line-height:1;padding:.125rem .25rem;border-radius:var(--radius-xs);transition:all var(--transition-fast)}.file-remove:hover{color:var(--color-error);background:#ef44440f}.file-remove:focus-visible{outline:2px solid var(--color-error);outline-offset:1px}.form-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);padding:.625rem .875rem;border-radius:var(--radius);font-size:.8125rem}.form-success{text-align:center;padding:2rem 1.5rem;animation:fadeUp .4s ease both}.form-success-icon{width:48px;height:48px;background:var(--color-success-bg);color:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto .875rem}.form-success h3{font-size:1.0625rem;font-weight:700;margin-bottom:.25rem;color:var(--color-text)}.form-success p{color:var(--color-text-secondary);margin-bottom:1.25rem;font-size:.8125rem;max-width:340px;margin-left:auto;margin-right:auto;line-height:1.5}.form-success .form-btn{align-self:center;margin:0 auto}.email-fallback{text-align:center;color:var(--color-text-tertiary);font-size:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.04)}.email-fallback a{color:var(--color-accent);text-decoration:none;font-weight:500}.email-fallback a:hover{text-decoration:underline}.email-fallback a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.footer{padding:1.25rem 2rem;text-align:center;color:var(--color-text-tertiary);font-size:.6875rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.footer-logo-link{display:inline-block}.footer-logo{height:18px;width:auto;opacity:.3;transition:opacity var(--transition)}.footer-logo:hover{opacity:.55}.footer-logo-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}@media(max-width:640px){.header{padding:0 1rem;height:52px}.header-logo{height:44px}.header-divider{height:16px}.header-title{font-size:.6875rem}.main{padding:1.25rem .75rem 2rem}.content-card{padding:1.5rem 1.25rem 1.25rem;border-radius:var(--radius-lg)}.content-header h1{font-size:1.375rem}.form-row{grid-template-columns:1fr}.header-nav a{font-size:.75rem;padding:.3125rem .5rem}.header-nav-icon{display:none}.chat-messages{max-height:300px}.chat-bubble{max-width:88%}.chat-escalate{flex-direction:column;text-align:center}.chat-welcome{padding:1rem .5rem}.chat-welcome-logo,.chat-welcome-logo-icon{width:60px;height:60px}.chat-suggestions{gap:.375rem}.chat-suggestion{font-size:.75rem;padding:.375rem .75rem}}@media(max-width:380px){.header-divider,.header-title{display:none}.content-card{padding:1.25rem 1rem 1rem}}