:root{--bg-start: #e8f2ff;--bg-mid: #f5f9ff;--bg-end: #ffeda7;--header-height: 84px;--header-bg: rgba(245, 249, 255, .92);--surface: #ffffff;--border: #d6e3f5;--text: #1f2a37;--text-muted: #4b5b70;--primary: #336fc7;--primary-strong: #2957a8;--primary-contrast: #ffffff;--secondary: #e3efff;--secondary-text: #264466;--chip-bg: #eaf3ff;--chip-border: #d2e4fb;--danger-bg: #fff2f2;--danger-border: #f5cccc;--danger-text: #7f1d1d;--success-bg: #f0fff4;--success-border: #c6f6d5;--success-text: #135a2c;--cloud-opacity: .4;--star-opacity: 0}:root[data-theme=dark]{--bg-start: #0b1220;--bg-mid: #0f172a;--bg-end: #111827;--header-bg: rgba(15, 23, 42, .92);--surface: #121c2f;--border: #22314d;--text: #e6eefb;--text-muted: #b3c2dd;--primary: #4b7fd6;--primary-strong: #3665c4;--primary-contrast: #ffffff;--secondary: #1a2740;--secondary-text: #d3def0;--chip-bg: #1b2b47;--chip-border: #2a3b5c;--danger-bg: #3a1d1d;--danger-border: #6b2a2a;--danger-text: #f6caca;--success-bg: #173a2a;--success-border: #26583f;--success-text: #c7f0da;--cloud-opacity: .18;--star-opacity: .35}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}.app-wrapper{position:relative;min-height:100svh;background:linear-gradient(0deg,var(--bg-start) 0%,var(--bg-mid) 45%,var(--bg-end) 100%);background-repeat:no-repeat;background-size:100% 100svh;background-color:var(--bg-start);color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.app-wrapper:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:var(--cloud-opacity);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='900' height='450' viewBox='0 0 900 450'><defs><path id='cloudA' d='M120 300c0-34 28-62 62-62 16 0 31 6 42 16 10-28 37-48 69-48 40 0 73 31 76 70 6-2 12-3 18-3 31 0 56 25 56 56 0 31-25 56-56 56H170c-28 0-50-22-50-49z'/></defs><g fill='%23d7e8ff' fill-opacity='0.85'><use href='%23cloudA'/><use href='%23cloudA' transform='translate(880 0) scale(-0.9 0.9) translate(0 -10)'/><path d='M260 120c0-22 18-40 40-40 10 0 19 3 26 10 8-18 26-30 46-30 28 0 50 22 50 50 20 2 36 19 36 40 0 22-18 40-40 40H295c-19 0-35-16-35-35z'/></g></svg>");background-repeat:repeat;background-size:720px 360px;background-position:0 0;filter:blur(.6px)}.app-wrapper:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:var(--star-opacity);background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 32% 28%,rgba(255,255,255,.6) 0 1px,transparent 2px),radial-gradient(circle at 58% 22%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 76% 34%,rgba(255,255,255,.6) 0 1px,transparent 2px),radial-gradient(circle at 18% 62%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 42% 68%,rgba(255,255,255,.6) 0 1px,transparent 2px),radial-gradient(circle at 70% 72%,rgba(255,255,255,.75) 0 1px,transparent 2px),radial-gradient(circle at 88% 58%,rgba(255,255,255,.6) 0 1px,transparent 2px);background-repeat:repeat;background-size:520px 520px}.app-wrapper>*{position:relative;z-index:1}.modal-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#060c18a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{position:relative;width:100%;max-width:560px;padding:1.5rem;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 20px 60px #0f1e3c40}.modal-close{position:absolute;top:.75rem;right:.75rem;border:none;background:transparent;color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer}.modal-content .auth-page{min-height:auto;padding:0;background:transparent!important;display:block}.modal-content .auth-shell{max-width:none}.modal-content .auth-surface{padding:0;border:none;box-shadow:none;background:transparent}.messages-page,.profile-page,.home-page,.auth-page,.about-page,.contact-page,.notfound-page{background:transparent!important}.header-bar{position:sticky;top:0;z-index:10;background:var(--header-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);box-shadow:0 10px 32px #3c281414}.header-inner{max-width:1100px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);font-weight:700;font-size:1.15rem}.brand img{height:52px;width:auto;display:block}.nav-links{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.nav-link{text-decoration:none;color:var(--secondary-text);font-weight:600;padding:.6rem 1rem;font-size:1rem;border-radius:999px;background:var(--secondary);border:1px solid var(--border);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease}.nav-link.nav-link-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:var(--primary-contrast);border-color:transparent;box-shadow:0 10px 20px #274a8452}@media(max-width:640px){.header-inner{padding:.6rem 1rem;flex-direction:column;align-items:flex-start}.brand{font-size:1rem}.brand img{height:38px}.nav-links{gap:.5rem}.nav-link{padding:.45rem .75rem;font-size:.9rem}}.nav-link.nav-link-primary:hover{background:linear-gradient(135deg,#244a88,#1f3c6e);color:var(--primary-contrast)}.nav-link:hover{background:var(--chip-bg);box-shadow:0 8px 18px #3c281414;transform:translateY(-1px)}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:.5rem;border-radius:50%;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--secondary-text);font-size:.75rem;font-weight:700;cursor:help;position:relative}.info-icon:after{content:attr(data-tooltip);position:absolute;top:50%;left:calc(100% + .55rem);transform:translateY(-50%);min-width:220px;max-width:min(320px,80vw);padding:.55rem .7rem;border-radius:10px;border:1px solid var(--chip-border);background:var(--bg-mid);color:var(--text-muted);font-size:.85rem;line-height:1.4;white-space:pre-line;box-shadow:0 10px 28px #3c23141f;opacity:0;pointer-events:none;z-index:25}.info-icon:hover:after,.info-icon:focus-visible:after{opacity:1}.app-content{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.home-page{min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));padding:5rem 1.5rem 3rem;background:radial-gradient(circle at 20% 20%,var(--bg-start) 0%,var(--bg-mid) 45%,var(--bg-end) 100%);color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden;display:grid;place-items:start center}.home-hero{width:min(900px,100%);margin:0 auto;position:relative;z-index:1}.home-notice{position:fixed;top:calc(var(--header-height) + .75rem);left:50%;transform:translate(-50%);max-width:min(700px,calc(100% - 2.5rem));margin:0;padding:.9rem 1rem;text-align:center;background:var(--success-bg);border:1px solid var(--success-border);border-radius:12px;color:var(--success-text);z-index:30}.hero-copy{position:relative;overflow:hidden;text-align:center;padding:2.5rem 2.5rem 3rem;min-height:clamp(320px,50vh,480px);display:grid;grid-template-rows:auto 1fr auto;animation:heroFadeIn .52s ease-out both}.hero-copy .eyebrow{font-size:1.1rem}.hero-top h1{margin:0 0 .9rem;font-size:3.4rem;color:var(--text)}.hero-middle{margin:0;color:var(--text-muted);line-height:1.6;align-self:center;font-size:1.25rem}.hero-actions{display:flex;gap:.75rem;justify-content:center;align-self:end}.hero-actions{margin-top:1.4rem}@media(max-width:640px){.home-page{padding:2.5rem 1.1rem 3rem}.hero-copy{padding:2rem 1.6rem 1.9rem}.hero-copy .eyebrow{font-size:1rem}.hero-top h1{font-size:2.6rem}.hero-actions{flex-direction:row;flex-wrap:nowrap}}.btn-primary,.btn-secondary{border:none;cursor:pointer;border-radius:14px;padding:1.1rem 1.6rem;font-weight:700;font-size:1.15rem;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;text-decoration:none;text-align:center;display:inline-flex}.home-page .btn-primary,.home-page .btn-secondary{padding:1.2rem 1.9rem;font-size:1.2rem}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.messages-page{min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));padding:5rem 1.5rem 3rem;background:radial-gradient(circle at 20% 20%,var(--bg-start) 0%,var(--bg-mid) 45%,var(--bg-end) 100%);color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.messages-shell{max-width:900px;margin:0 auto;display:grid;gap:1.5rem}.back-link{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border-radius:999px;background:var(--secondary);color:var(--text);text-decoration:none;font-weight:600;box-shadow:0 4px 16px #2b497a24;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.back-link:hover{background:var(--chip-bg);transform:translateY(-1px);box-shadow:0 8px 18px #2b497a33}.grid-vertical{display:grid;gap:1.25rem}.field-label-lg{font-size:1.12rem}.info-bubble{margin-top:.5rem;background:var(--bg-mid);border:1px solid var(--chip-border);border-radius:10px;padding:.55rem .7rem;color:var(--text-muted);font-size:.9rem}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid var(--border);padding:.8rem .9rem;background:var(--bg-mid);color:var(--text);font-size:1rem;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #d1bfa859;background:var(--bg-mid)}.field input[type=file]{padding:.7rem .9rem;background:var(--bg-mid);border:1px solid var(--border);border-radius:12px}.file-input-hidden{position:absolute;left:-9999px}.file-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.section-spacing{margin-top:.65rem}.section-spacing-after{margin-bottom:.65rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#2d2623;box-shadow:0 12px 32px #3a78d459}.pill{display:inline-flex;align-items:center;background:var(--secondary);color:var(--secondary-text);padding:.45rem .85rem;border-radius:999px;font-weight:600;font-size:.9rem;white-space:nowrap;border:1px solid var(--border);cursor:pointer}.pill.is-active{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:var(--primary-contrast);border-color:transparent;box-shadow:0 10px 20px #274a8452}.error{color:var(--danger-text);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:12px;padding:.9rem 1rem;text-align:center}.success{color:var(--success-text);background:var(--success-bg);border:1px solid var(--success-border);border-radius:12px;padding:.9rem 1rem;text-align:center}.badge{display:inline-block;background:var(--chip-bg);color:var(--text);padding:.25rem .6rem;border-radius:10px;font-weight:600;font-size:.85rem}.muted a,.muted a:visited{color:inherit;font-weight:600}.contact-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.65rem;border:1px solid var(--border);border-radius:12px;padding:.65rem .8rem;background:var(--bg-mid);transition:border-color .12s ease,box-shadow .12s ease;text-align:center}.contact-card .stack-sm{align-items:center}.contact-card:hover{border-color:var(--border);box-shadow:0 8px 24px #2a446e1a}.contact-card input[type=checkbox]{width:32px;height:32px}.empty-state a,.empty-state a:visited{color:inherit;font-weight:600}.message-body{background:var(--bg-mid);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem;color:var(--text);overflow-wrap:anywhere;word-break:break-word}.message-input-toggle{gap:.6rem}@media(max-width:640px){.message-input-toggle{flex-wrap:nowrap}}.loading-panel{padding:.9rem 1rem;background:var(--bg-mid);border-radius:12px;color:var(--text-muted);border:1px solid var(--border);text-align:center}.people-grid{display:grid;gap:.5rem;max-height:260px;overflow-y:auto}.about-page{min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));padding:3rem 1.5rem 3.5rem;background:radial-gradient(circle at 25% 20%,var(--bg-start) 0%,var(--bg-mid) 45%,var(--bg-end) 100%);color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.about-shell{max-width:1100px;margin:0 auto;display:grid;gap:1.5rem}.surface{background:var(--surface);border-radius:20px;padding:1.75rem;box-shadow:0 14px 60px #2a446e14,0 4px 16px #2a446e0f;border:1px solid var(--border)}.about-hero h1{margin:0 0 .6rem;font-size:2.1rem;color:var(--text);text-align:center}.about-hero .subdued{color:var(--text-muted);line-height:1.6;margin:0;text-align:center}.about-grid{display:grid;gap:1rem}.about-tile{background:var(--surface);border-radius:16px;padding:1.25rem;border:1px solid var(--border);box-shadow:0 12px 48px #2a446e0f}.about-tile h3{margin:0 0 .4rem;color:var(--text)}.about-tile .subdued{margin:0;color:var(--text-muted);line-height:1.6}.about-tile ul.subdued{margin:.6rem 0 1rem;padding-left:1.2rem;color:var(--text-muted);line-height:1.6;display:grid;gap:.35rem}.about-tile ul.subdued+.subdued{margin-top:.4rem}.auth-page{min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));padding:5rem 1.5rem 3rem;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;background:radial-gradient(circle at 20% 20%,var(--bg-start) 0%,var(--bg-mid) 45%,var(--bg-end) 100%);color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.auth-shell{max-width:520px;width:100%;margin:0 auto}.auth-surface{background:var(--surface);border-radius:18px;padding:1.5rem;box-shadow:0 14px 60px #2a446e14,0 4px 16px #2a446e0f;border:1px solid var(--border)}.subdued a,.subdued a:visited{color:inherit;font-weight:600}.field input{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid var(--border);padding:.8rem .9rem;background:var(--bg-mid);color:var(--text);font-size:1rem;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #d1bfa859;background:var(--bg-mid)}.btn-primary,.btn-secondary{border:none;cursor:pointer;border-radius:14px;padding:.85rem 1.2rem;font-weight:700;font-size:1rem;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;text-align:center}.error a,.error a:visited{color:inherit;font-weight:600}.center{display:flex;justifyContent:center;align-items:center}.info-banner{margin-bottom:1rem;padding:1rem 1.1rem;border-radius:14px;background:var(--bg-mid);border:1px solid var(--chip-border);box-shadow:0 10px 28px #3c23140d}.info-banner .banner-copy{margin:.3rem 0 0}.info-banner .eyebrow{color:var(--danger-text)}.profile-page{min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));padding:2.5rem 1.5rem 3rem;background:radial-gradient(circle at 15% 20%,var(--bg-start) 0%,var(--bg-mid) 45%,var(--bg-end) 100%);color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.profile-shell{max-width:900px;margin:0 auto;display:grid;gap:1.5rem}.surface{background:var(--surface);border-radius:18px;padding:1.5rem;box-shadow:0 14px 60px #2a446e14,0 4px 16px #2a446e0f;border:1px solid var(--border)}.page-title{margin:0;font-size:1.9rem;font-weight:700;color:var(--text)}.page-heading{text-align:center;width:100%}.subdued{color:var(--text-muted);line-height:1.6}.actions-inline{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.back-link{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border-radius:999px;background:var(--secondary);color:var(--text);text-decoration:none;font-weight:600;box-shadow:0 4px 16px #3d271414;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.back-link:hover{background:var(--chip-bg);transform:translateY(-1px);box-shadow:0 8px 18px #3d27141f}.field{display:grid;gap:.4rem}.field label,.field span{font-weight:600;color:var(--text)}.field input,.field select{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid var(--border);padding:.8rem .9rem;background:var(--bg-mid);color:var(--text);font-size:1rem;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.field input[type=date]{text-align:left}.field input[type=date]::-webkit-date-and-time-value{text-align:left}.field input:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #d1bfa859;background:var(--bg-mid)}.btn-primary,.btn-secondary{border:none;cursor:pointer;border-radius:14px;padding:.85rem 1.2rem;font-weight:700;font-size:1rem;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:var(--primary-contrast);box-shadow:0 12px 32px #3a78d459}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 36px #3a78d473}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-secondary{background:var(--secondary);color:var(--secondary-text);box-shadow:0 6px 18px #2b497a2e}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #2b497a3d}.grid-vertical{display:grid;gap:1rem}.muted{color:var(--text-muted)}.error{color:var(--danger-text);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:12px;padding:.9rem 1rem}.success{color:var(--success-text);background:var(--success-bg);border:1px solid var(--success-border);border-radius:12px;padding:.9rem 1rem}.card-list{display:grid;gap:1rem}.card{background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:1rem;box-shadow:0 10px 36px #2a446e0f}.profile-card{text-align:center}.profile-card .btn-primary{margin:0 auto}.empty-state{background:var(--bg-mid);border:1px dashed var(--border);border-radius:14px;padding:1rem;color:var(--text-muted)}.contact-list{display:grid;gap:.75rem}.contact-item{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center;border:1px solid var(--border);border-radius:12px;padding:.75rem;background:var(--bg-mid);box-shadow:0 8px 24px #3c28140a}.stack-sm{display:grid;gap:.5rem}.search-row{max-width:480px;width:100%}.header-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.loading-panel{padding:.9rem 1rem;background:var(--bg-mid);border-radius:12px;color:var(--text-muted);border:1px solid var(--border)}.notfound-page{min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));padding:3rem 1.5rem 3.5rem;background:radial-gradient(circle at 20% 20%,var(--bg-start) 0%,var(--bg-mid) 45%,var(--bg-end) 100%);color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.notfound-shell{max-width:720px;margin:0 auto}.notfound-surface{background:var(--surface);border-radius:20px;padding:2rem;box-shadow:0 14px 60px #2a446e14,0 4px 16px #2a446e0f;border:1px solid var(--border);text-align:center}.notfound-title{margin:0 0 .6rem;font-size:2rem;color:var(--text)}.notfound-copy{margin:0;color:var(--text-muted);line-height:1.6}.notfound-actions{margin-top:1.5rem;display:flex;justify-content:center}.notfound-link{border:none;cursor:pointer;border-radius:14px;padding:.85rem 1.2rem;font-weight:700;font-size:1rem;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;text-decoration:none;text-align:center;display:inline-flex;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:var(--primary-contrast);box-shadow:0 12px 32px #3a78d459}.notfound-link:hover{transform:translateY(-1px);box-shadow:0 14px 36px #3a78d473}.contact-page{min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));padding:5rem 1.5rem 3.5rem;background:radial-gradient(circle at 25% 20%,var(--bg-start) 0%,var(--bg-mid) 45%,var(--bg-end) 100%);color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.contact-shell{max-width:720px;margin:0 auto}.surface{background:var(--surface);border-radius:20px;padding:2rem;box-shadow:0 14px 60px #2a446e14,0 4px 16px #2a446e0f;border:1px solid var(--border)}.contact-header{text-align:center;margin-bottom:1.5rem}.contact-header h1{margin:.25rem 0 .5rem;font-size:2rem;color:var(--text)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;color:var(--text-muted);margin:0}.subdued{color:var(--text-muted);margin:0;line-height:1.6}.contact-card-box{background:var(--bg-mid);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:0 12px 48px #2a446e0f;display:flex;flex-direction:column;gap:.75rem;align-items:center}.contact-info{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1rem;justify-content:center;text-align:center}.label{margin:0;font-weight:600;color:var(--text-muted)}.contact-link{color:var(--primary);text-decoration:none;font-size:1.05rem;word-break:break-all}.contact-link:hover,.contact-link:focus-visible{color:var(--primary-strong);text-decoration:underline}.contact-note{color:var(--text-muted);line-height:1.6}.contact-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:8px}