.ph-page{--ph-primary:#244fb5;--ph-deep:#132e68;--ph-teal:#2dbb91;--ph-ink:#17243a;--ph-muted:#718096;min-height:100dvh;padding:22px;display:grid;place-items:center;background:radial-gradient(circle at 10% 5%,#eaf0ff 0,transparent 32%),linear-gradient(145deg,#f7f9fd,#eef3fb);color:var(--ph-ink)}
.ph-page *{box-sizing:border-box}.ph-shell{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:minmax(340px,.9fr) minmax(430px,1.1fr);overflow:hidden;border:1px solid #e0e7f1;border-radius:30px;background:#fff;box-shadow:0 28px 70px rgb(28 51 91 / 13%)}
.ph-showcase{position:relative;min-width:0;padding:38px;overflow:hidden;color:#fff;background:radial-gradient(circle at 20% 72%,rgb(95 215 182 / 20%),transparent 29%),linear-gradient(145deg,#112b63,#2859bd 62%,#4775d1)}.ph-showcase:before,.ph-showcase:after{position:absolute;border:1px solid rgb(255 255 255 / 10%);border-radius:50%;content:""}.ph-showcase:before{width:260px;height:260px;top:-120px;left:-70px}.ph-showcase:after{width:180px;height:180px;right:-100px;bottom:40px}
.ph-brand,.ph-mobile-head a{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.ph-brand span,.ph-mobile-head span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:#17346e;background:#fff;font-size:1.25rem;font-weight:900}.ph-brand strong{font-size:1rem}.ph-showcase-copy{position:relative;z-index:1;margin-top:72px}.ph-showcase-copy>span{display:inline-flex;padding:6px 11px;border:1px solid rgb(255 255 255 / 20%);border-radius:999px;color:#dce7ff;background:rgb(255 255 255 / 8%);font-size:.72rem;font-weight:800}.ph-showcase-copy h1{margin:14px 0 12px;font-size:clamp(2rem,4vw,3.1rem);font-weight:900;line-height:1.45}.ph-showcase-copy p{max-width:410px;margin:0;color:#dde7fb;font-size:.82rem;font-weight:600;line-height:1.9}.ph-safety-list{position:relative;z-index:1;margin-top:29px;display:grid;gap:10px}.ph-safety-list span{display:flex;align-items:center;gap:9px;color:#eef4ff;font-size:.73rem;font-weight:700}.ph-safety-list i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#0f5446;background:#83e4c6;font-size:.65rem;font-style:normal}.ph-art{position:absolute;width:250px;height:165px;left:-22px;bottom:-7px;opacity:.27}.ph-art svg{width:100%;height:100%}
.ph-content{min-width:0;padding:38px 42px;display:flex;flex-direction:column;justify-content:center}.ph-mobile-head{display:none}.ph-heading>span{color:var(--ph-primary);font-size:.76rem;font-weight:900}.ph-heading h2{margin:6px 0 8px;font-size:1.75rem;font-weight:900}.ph-heading p{max-width:540px;margin:0;color:var(--ph-muted);font-size:.78rem;font-weight:600;line-height:1.8}.ph-request-form{margin-top:25px;display:grid;gap:15px}.ph-field>span{display:block;margin-bottom:7px;color:#45566d;font-size:.73rem;font-weight:850}.ph-field>span b{color:#d04455}.ph-field>span em{color:#8a98a8;font-size:.65rem;font-style:normal}.ph-field>div{min-height:49px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid #dce4ee;border-radius:13px;background:#fbfcfe;transition:.16s}.ph-field>div:focus-within{border-color:#6685d6;box-shadow:0 0 0 4px rgb(53 88 199 / 9%);background:#fff}.ph-field>div i{color:#7d8ca1;font-style:normal}.ph-field input,.ph-field textarea{width:100%;min-width:0;outline:0;border:0;color:var(--ph-ink);background:transparent;font:inherit;font-size:.79rem;font-weight:650}.ph-field textarea{min-height:94px;padding:13px;resize:vertical;border:1px solid #dce4ee;border-radius:13px;background:#fbfcfe}.ph-error{display:block;margin-top:5px;color:#c94353;font-size:.64rem;font-weight:700}.ph-notice{padding:11px 13px;display:flex;align-items:flex-start;gap:9px;border:1px solid #dfe7f7;border-radius:12px;background:#f5f8ff}.ph-notice i{color:#3f61bb;font-style:normal}.ph-notice p{margin:0;color:#65748a;font-size:.66rem;font-weight:650;line-height:1.7}.ph-primary{min-height:51px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border:0;border-radius:13px;color:#fff;background:linear-gradient(120deg,var(--ph-deep),var(--ph-primary));font:inherit;font-size:.78rem;font-weight:900;box-shadow:0 11px 23px rgb(36 79 181 / 20%)}.ph-primary i{font-size:1.15rem;font-style:normal}.ph-back{margin:16px auto 0;color:#64748b;font-size:.72rem;font-weight:750;text-decoration:none}.ph-back:hover{color:var(--ph-primary)}
.ph-alert{margin-bottom:14px;padding:11px 13px;border:1px solid;border-radius:12px;font-size:.7rem;font-weight:750;line-height:1.7}.ph-alert:empty{display:none}.ph-alert.success{color:#0b725b;border-color:#bbe8d9;background:#ecfaf5}.ph-alert.error{color:#a63a49;border-color:#f1c7cf;background:#fff1f3}.ph-chat-view{width:100%;min-width:0}.ph-chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ph-chat-header>div>span{color:var(--ph-primary);font-size:.68rem;font-weight:900}.ph-chat-header h2{margin:4px 0;font-size:1.35rem;font-weight:900}.ph-chat-header p{margin:0;color:var(--ph-muted);font-size:.66rem}.ph-status{flex:none;padding:6px 10px;border-radius:999px;font-size:.61rem;font-weight:900}.ph-status.status-pending{color:#9b6a17;background:#fff4d8}.ph-status.status-open{color:#08745c;background:#e4f8f1}.ph-status.status-resolved{color:#2c54aa;background:#eaf0ff}.ph-status.status-closed,.ph-status.status-expired{color:#7b4b55;background:#f8e9ec}.ph-waiting,.ph-expiry,.ph-closed{margin:17px 0 10px;padding:11px 13px;display:flex;align-items:center;gap:10px;border-radius:12px;font-size:.67rem}.ph-waiting{border:1px solid #f0dfae;background:#fffaec}.ph-waiting strong,.ph-waiting p{display:block;margin:0}.ph-waiting p{margin-top:2px;color:#877653;font-size:.61rem}.ph-pulse{width:11px;height:11px;flex:none;border:3px solid #f4c44f;border-radius:50%;box-shadow:0 0 0 5px rgb(244 196 79 / 17%);animation:ph-pulse 1.5s ease infinite}.ph-expiry{color:#2c5d50;border:1px solid #cce9df;background:#f0faf7}.ph-expiry i,.ph-closed i{font-style:normal}.ph-closed{color:#59697d;border:1px solid #e2e7ed;background:#f6f8fa}@keyframes ph-pulse{50%{box-shadow:0 0 0 9px rgb(244 196 79 / 4%)}}
.ph-messages{height:365px;padding:13px;overflow:auto;overscroll-behavior:contain;border:1px solid #e1e7ef;border-radius:16px;background:linear-gradient(#f8faff,#fbfcfe);scrollbar-width:none}.ph-messages::-webkit-scrollbar{display:none}.ph-message{width:min(84%,440px);margin-bottom:10px;padding:10px 12px;border-radius:14px 14px 4px 14px;background:#e8efff}.ph-message.admin{margin-right:auto;border-radius:14px 14px 14px 4px;background:#e5f8f2}.ph-message.system{width:94%;margin:8px auto;text-align:center;border:1px dashed #ccd5e1;border-radius:12px;background:#fff}.ph-message header{display:flex;align-items:center;justify-content:space-between;gap:9px}.ph-message header strong{color:#3155a9;font-size:.61rem}.ph-message.admin header strong{color:#08745d}.ph-message.system header strong{color:#6b7889}.ph-message time{color:#8b98a8;font-size:.54rem}.ph-message p{margin:5px 0 0;color:#34445a;font-size:.7rem;font-weight:650;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.ph-chat-form{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px}.ph-chat-form label{min-width:0}.ph-chat-form textarea{width:100%;height:50px;min-height:50px;padding:11px 13px;outline:0;resize:none;border:1px solid #dbe3ed;border-radius:13px;background:#fbfcfe;font:inherit;font-size:.7rem;line-height:1.6}.ph-chat-form textarea:focus{border-color:#6483d3;box-shadow:0 0 0 4px rgb(53 88 199 / 8%)}.ph-chat-form button{width:48px;height:50px;display:grid;place-items:center;cursor:pointer;border:0;border-radius:13px;color:#fff;background:var(--ph-primary)}.ph-chat-form svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ph-chat-footer{margin-top:13px;display:flex;justify-content:space-between;gap:12px}.ph-chat-footer a{color:#64748b;font-size:.64rem;font-weight:750;text-decoration:none}.ph-chat-footer a:hover{color:var(--ph-primary)}
@media(max-width:820px){.ph-page{padding:12px}.ph-shell{min-height:calc(100dvh - 24px);grid-template-columns:1fr;border-radius:22px}.ph-showcase{display:none}.ph-content{padding:24px}.ph-mobile-head{margin-bottom:25px;display:block}.ph-mobile-head a{color:#24457f}.ph-mobile-head span{color:#fff;background:#315ac1}.ph-messages{height:min(48dvh,420px)}}
@media(max-width:460px){.ph-page{min-height:100svh;min-height:100dvh;padding:0;background:#fff}.ph-shell{min-height:100svh;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.ph-content{padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))}.ph-heading h2{font-size:1.42rem}.ph-chat-header{flex-direction:column}.ph-status{align-self:flex-start}.ph-messages{height:46dvh;padding:9px}.ph-message{width:92%}.ph-chat-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ph-page *{animation:none!important;transition:none!important}}