@layer components{.connect-page{color:#edf6ee;isolation:isolate;background:#0b2019;min-height:100svh}.connect-page [hidden]{display:none!important}.connect-glow{z-index:-1;pointer-events:none;background:radial-gradient(at 85% 10%,#2e66564d,#0000 45%),radial-gradient(at 0 65%,#173a2b66,#0000 60%);position:fixed;inset:0}.connect-shell{width:min(100% - 40px,660px);padding:calc(26px + env(safe-area-inset-top,0px)) 0 calc(24px + env(safe-area-inset-bottom,0px));margin:auto}.connect-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.connect-brand{color:inherit;align-items:center;gap:12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.connect-brand img{border-radius:13px;flex-shrink:0}.connect-brand small{color:#aec7b9;margin-top:4px;font-size:10px;font-weight:400;display:block}.connect-signal,.connect-eyebrow>span{background:#a9eac1;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 16px #a9eac166}.connect-languages{justify-content:flex-end;gap:2px;margin-top:14px;display:flex}.connect-languages a{color:#afc7b8;border-radius:8px;place-items:center;min-width:44px;min-height:44px;font-size:11px;transition:background .2s,color .2s;display:grid}.connect-languages a[aria-current],.connect-languages a:hover{color:#e9fff0;background:#244435}.connect-intro{padding:25px 0 32px;position:relative}.connect-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#b1d7bf;align-items:center;gap:9px;font-size:10px;display:flex}.connect-intro h1{white-space:pre-line;letter-spacing:-.045em;max-width:510px;margin-top:25px;font-size:clamp(29px,6vw,43px);font-weight:550;line-height:1.12;position:relative}.connect-intro>p{color:#b8d0c0;max-width:440px;margin-top:20px;font-size:13px;line-height:1.8}.connect-work{color:#d8f5e1;align-items:center;gap:9px;min-height:44px;margin-top:12px;font-size:12px;display:inline-flex}.connect-work svg{transition:transform .2s}.connect-work:hover svg{transform:translate(2px,-2px)}.connect-art{perspective:450px;pointer-events:none;opacity:.7;width:95px;height:60px;position:absolute;top:11px;right:26px}.connect-art i{background:linear-gradient(135deg,#8ec4a31a,#0d241c66);border:1px solid #88c4a355;border-radius:10px;position:absolute;inset:0;transform:rotateY(-30deg)rotateX(15deg)rotate(-12deg)translateZ(-15px)}.connect-art i:nth-child(2){transform:rotateY(-30deg)rotateX(15deg)rotate(-12deg)translate(8px,-8px)}.connect-art i:nth-child(3){color:#c1edcc;animation:6s ease-in-out infinite alternate connect-float;transform:rotateY(-30deg)rotateX(15deg)rotate(-12deg)translate(16px,-16px)}.connect-art svg{width:45px;height:45px;margin:8px auto;display:block}.connect-page .inquiry-card{background:#132a21db;border-color:#3a5c48;box-shadow:0 24px 70px #020d0833}.connect-page .inquiry-heading h3{font-size:20px}.connect-footer{color:#a9c3b2;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;font-size:10px;line-height:1.7;display:flex}.connect-footer a{white-space:nowrap;align-items:center;gap:5px;min-height:44px;display:inline-flex}.connect-tabs{background:#152f24;border:1px solid #355943;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:14px;padding:4px;display:grid}.connect-tabs button{color:#c0d7c8;border-radius:8px;min-height:44px;font-size:13px;transition:background .2s}.connect-tabs button[aria-pressed=true]{color:#11281b;background:#d0f1d8;box-shadow:0 3px 10px #08180e33}.inbox-heading{justify-content:space-between;align-items:center;margin-top:34px;display:flex}.inbox-heading h1{letter-spacing:-.045em;align-items:center;gap:12px;margin-top:12px;font-size:37px;font-weight:550;display:flex}.inbox-heading h1>[data-inbox-total]{letter-spacing:0;color:#c5e5cf;border:1px solid #527961;border-radius:20px;padding:5px 10px;font-size:12px}.connect-data-note{color:#b5cabb;margin-top:20px;font-size:11px;line-height:1.8}.inbox-user-search{margin:24px 0 16px}.inbox-user-search label{color:#c2ddcb;margin-bottom:8px;font-size:12px;display:block}.inbox-user-search input{color:#e9fff0;width:100%;min-height:46px;font:inherit;background:#143021;border:1px solid #628c6e;border-radius:8px;padding:10px 12px;font-size:16px}.inbox-refresh{color:#d0f1d8;border:1px solid #55755f;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.inbox-refresh svg{transform:rotate(-35deg)}.inbox-refresh:hover{background:#264a33}.inbox-private{color:#b7d0be;margin-top:10px;font-size:12px;line-height:1.7}.inbox-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:25px 0;display:grid}.inbox-stats button{text-align:left;background:linear-gradient(130deg,#1d3c2c,#10271b);border:1px solid #375c44;border-radius:12px;padding:17px 10px}.inbox-stats button:hover{border-color:#a4d2b0}.inbox-stats strong{color:#d5f4de;font-size:28px;font-weight:500;display:block}.inbox-stats span{color:#b8d3c1;margin-top:6px;font-size:10px;display:block}.inbox-filters{scrollbar-width:thin;gap:7px;padding:3px 2px 11px;display:flex;overflow:auto}.inbox-filters button{color:#bdd6c5;border:1px solid #456950;border-radius:22px;flex-shrink:0;min-height:44px;padding:0 15px;font-size:11px}.inbox-filters button[aria-pressed=true]{color:#e7ffed;background:#335a3c;border-color:#91c19b}.inbox-list{gap:10px;margin-top:10px;display:grid}.inbox-card{text-align:left;background:#143021;border:1px solid #385c45;border-radius:14px;width:100%;padding:19px;transition:transform .18s,border-color .18s}.inbox-card:hover{border-color:#8bb498;transform:translateY(-2px)}.inbox-card-top{color:#afd1b9;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:10px;display:flex}.inbox-card h2{letter-spacing:-.025em;color:#f0fff4;overflow-wrap:anywhere;font-size:17px;font-weight:600}.inbox-card p{color:#b2cfbd;overflow-wrap:anywhere;margin-top:6px;font-size:12px;line-height:1.6}.inbox-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font-size:12px;display:flex}.inbox-pagination button,.inbox-detail button{color:#d8f2df;border:1px solid #628c6e;border-radius:8px;min-height:44px;padding:10px 16px}.inbox-pagination button:disabled{opacity:.4;cursor:default}.inbox-detail{margin-top:24px}.inbox-detail h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin-top:22px;font-size:27px}.inbox-detail-meta{color:#b2d2bc;margin:8px 0 22px;font-size:12px;line-height:1.7}.inbox-detail dl{border:1px solid #3d654b;border-radius:12px;padding:6px 18px}.inbox-detail dl>div{border-bottom:1px solid #32533d;padding:14px 0}.inbox-detail dl>div:last-child{border:0}.inbox-detail dd{margin:0}.inbox-contact-link{color:#cfefda;overflow-wrap:anywhere;text-underline-offset:4px;min-height:44px;margin-top:8px;padding:12px 0;font-size:13px;text-decoration:underline;display:block}.inbox-detail dt{color:#adcbb6;margin-bottom:6px;font-size:10px}.inbox-detail dd{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.inbox-message{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px 0;font-size:14px;line-height:1.9}.inbox-detail select{color:#e1f8e8;width:100%;min-height:46px;font:inherit;color-scheme:dark;background:#153522;border:1px solid #79a586;border-radius:8px;margin:8px 0 10px;padding:10px 12px;font-size:16px}.inbox-detail label{font-size:12px}.inbox-detail .inbox-save{color:#142b1a;background:#c9efcf;width:100%;font-weight:600}.inbox-subheading{margin:26px 0 12px;font-size:15px;font-weight:600}.inbox-detail .inbox-person-inquiry{text-align:left;width:100%;margin:8px 0;font-size:12px;line-height:1.7;display:block}.inbox-history{color:#b6d3c0;font-size:12px;line-height:1.8;list-style:none}.inbox-history li{border-bottom:1px solid #375c44;padding:10px 0}.inbox-empty{text-align:center;color:#d0eed9;border:1px dashed #466e52;border-radius:14px;padding:45px 16px}.inbox-empty p{color:#adcdb7;margin-top:10px;font-size:12px;line-height:1.8}.connect-status{color:#c9e6d2;margin-top:16px;font-size:13px;line-height:1.8}.connect-page :is(button,a,select):focus-visible{outline-offset:4px;outline:2px solid #b7f7c8}.connect-page button:disabled{cursor:wait;opacity:.6}@keyframes connect-float{to{transform:rotateY(-20deg)rotateX(10deg)rotate(-8deg)translate(18px,-20px)}}}@layer responsive{@media (width<=430px){.connect-shell{width:calc(100% - 32px)}.connect-intro h1{font-size:29px}.connect-art{width:70px;height:48px;top:8px;right:10px}.connect-art svg{width:33px;height:33px}.connect-intro>p{font-size:12px}.connect-page .inquiry-card{padding:22px 18px}.connect-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.connect-art i{animation:none!important}.connect-page *{transition:none!important}}}