.ip-support{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f5f6f8;color:#1a202c;line-height:1.6;-webkit-font-smoothing:antialiased;box-sizing:border-box;width:100%;max-width:100%;position:relative;margin:0;padding:14px 16px;overflow-x:clip}.ip-support.ip-top{padding-top:28px}.ip-support.ip-bottom{padding-bottom:56px}.ip-support .ip-inner{max-width:1140px;width:100%;margin:0 auto;padding:0}.ip-support .card,.ip-support .codecanyon-box{margin-bottom:0}.ip-support .page-intro h1{text-align:center}@media(max-width:640px){.ip-support{padding:10px 12px}.ip-support.ip-top{padding-top:28px}.ip-support.ip-bottom{padding-bottom:36px}}.ip-support *,.ip-support *:before,.ip-support *:after{box-sizing:border-box;margin:0;padding:0}@keyframes ip-fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes ip-slideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ip-subtlePulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:1}}@keyframes ip-accordionExpand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes ip-shakeAnimation{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes ip-spin{to{transform:rotate(360deg)}}@keyframes ip-errorFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ip-support .shake{animation:ip-shakeAnimation .4s ease-in-out}.ip-support .page-intro{text-align:center;margin-bottom:32px;animation:ip-slideUp .6s cubic-bezier(.16,1,.3,1) both;animation-delay:.08s}.ip-support .page-intro h1{font-size:2.15rem;font-weight:800;color:#0f2942;letter-spacing:-.025em;margin-bottom:10px}.ip-support .page-intro p{color:#4a5568;font-size:1.05rem;max-width:680px;margin:0 auto;line-height:1.6}.ip-support .card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:30px 34px;margin-bottom:28px;box-shadow:0 2px 6px #0f294208,0 1px 2px #0f294205;animation:ip-slideUp .6s cubic-bezier(.16,1,.3,1) both;transition:box-shadow .25s ease,border-color .25s ease}.ip-support .card:hover{box-shadow:0 4px 14px #0f29420f}.ip-support .card-policy{animation-delay:.16s}.ip-support .card-form{animation-delay:.24s}.ip-support .card-codecanyon{animation-delay:.32s}.ip-support .card-faq{animation-delay:.4s}.ip-support .section-title{font-size:1.35rem;font-weight:700;color:#0f2942;margin-bottom:8px;display:flex;align-items:center;gap:10px;letter-spacing:-.015em}.ip-support .section-desc{color:#4a5568;font-size:.95rem;margin-bottom:22px;line-height:1.55}.ip-support .policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.ip-support .policy-col{border-radius:10px;padding:22px 24px;background:#f8fafc;border:1px solid #e2e8f0;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s ease}.ip-support .policy-col:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0f294212}.ip-support .policy-included{border-left:4px solid #10b981}.ip-support .policy-included:hover{border-left-color:#059669}.ip-support .policy-not-included{border-left:4px solid #f43f5e}.ip-support .policy-not-included:hover{border-left-color:#e11d48}.ip-support .policy-col h3{font-size:1.05rem;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}.ip-support .policy-included h3{color:#065f46}.ip-support .policy-not-included h3{color:#9f1239}.ip-support .policy-list{list-style:none;font-size:.92rem;color:#334155}.ip-support .policy-list li{position:relative;padding-left:24px;margin-bottom:11px;line-height:1.45}.ip-support .policy-list li:last-child{margin-bottom:0}.ip-support .policy-included .policy-list li:before{content:"✓";position:absolute;left:0;top:0;color:#10b981;font-weight:800;font-size:.95rem}.ip-support .policy-not-included .policy-list li:before{content:"✕";position:absolute;left:0;top:0;color:#f43f5e;font-weight:800;font-size:.9rem}.ip-support .policy-footer-note{display:flex;align-items:center;gap:12px;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;padding:13px 18px;font-size:.88rem;color:#334155;transition:background-color .2s ease,border-color .2s ease}.ip-support .policy-footer-note:hover{background:#edf2f7;border-color:#94a3b8}.ip-support .time-indicator{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#1e3a5f14;color:#1e3a5f;flex-shrink:0;animation:ip-subtlePulse 2.4s ease-in-out infinite}.ip-support .policy-footer-note strong{color:#0f2942}.ip-support .form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;row-gap:20px}.ip-support .form-group{display:flex;flex-direction:column;position:relative}.ip-support .form-group.full-width{grid-column:1 / -1}.ip-support .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.ip-support label{font-size:.9rem;font-weight:600;color:#1e3a5f;margin-bottom:7px;display:flex;align-items:center;justify-content:space-between}.ip-support .required-badge{color:#e11d48;font-weight:700;margin-left:2px}.ip-support .optional-tag{font-size:.78rem;color:#64748b;font-weight:400}.ip-support .char-counter{font-size:.78rem;color:#64748b;font-weight:500;transition:color .2s ease}.ip-support input[type=text],.ip-support input[type=email],.ip-support select,.ip-support textarea{width:100%;padding:11px 14px;font-size:.94rem;font-family:inherit;color:#1a202c;background-color:#fff;border:1px solid #cbd5e1;border-radius:7px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.ip-support input:hover,.ip-support select:hover,.ip-support textarea:hover{border-color:#94a3b8}.ip-support input:focus,.ip-support select:focus,.ip-support textarea:focus{outline:none;border-color:#0f2942;box-shadow:0 0 0 3px #1e3a5f26;background-color:#fff}.ip-support .form-group.is-valid input,.ip-support .form-group.is-valid select,.ip-support .form-group.is-valid textarea{border-color:#38a169}.ip-support .form-group.is-valid input:focus,.ip-support .form-group.is-valid select:focus,.ip-support .form-group.is-valid textarea:focus{border-color:#2f855a;box-shadow:0 0 0 3px #38a1692e}.ip-support .form-group.is-invalid input,.ip-support .form-group.is-invalid select,.ip-support .form-group.is-invalid textarea{border-color:#e53e3e;background-color:#fffaf0}.ip-support .form-group.is-invalid input:focus,.ip-support .form-group.is-invalid select:focus,.ip-support .form-group.is-invalid textarea:focus{border-color:#c53030;box-shadow:0 0 0 3px #e53e3e2e}.ip-support .valid-check-icon{position:absolute;right:12px;display:none;align-items:center;justify-content:center;color:#10b981;pointer-events:none}.ip-support .form-group.is-valid .valid-check-icon{display:flex}.ip-support select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%234a5568%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 14px center;background-size:14px;appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer}.ip-support .form-group.is-valid select{background-position:right 36px center}.ip-support textarea{resize:vertical;min-height:125px}.ip-support .form-hint{font-size:.8rem;color:#64748b;margin-top:6px}.ip-support .error-msg{display:none;color:#e53e3e;font-size:.82rem;font-weight:500;margin-top:5px;align-items:center;gap:5px;animation:ip-errorFadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.ip-support .form-group.is-invalid .error-msg{display:flex}.ip-support .hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ip-support .upload-zone{border:2px dashed #cbd5e1;border-radius:8px;padding:24px 20px;text-align:center;background-color:#f8fafc;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ip-support .upload-zone:hover{border-color:#94a3b8;background-color:#f1f5f9}.ip-support .upload-zone.is-dragover{border-color:#1e3a5f;background-color:#eff6ff;transform:scale(1.008);box-shadow:0 4px 12px #1e3a5f14}.ip-support .upload-zone-icon{color:#1e3a5f;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#1e3a5f0f;margin-bottom:2px;transition:transform .2s ease}.ip-support .upload-zone:hover .upload-zone-icon,.ip-support .upload-zone.is-dragover .upload-zone-icon{transform:translateY(-2px)}.ip-support .upload-zone-title{font-size:.94rem;font-weight:600;color:#0f2942}.ip-support .upload-zone-title .browse-link{color:#1e3a5f;text-decoration:underline;cursor:pointer}.ip-support .upload-zone-desc{font-size:.8rem;color:#64748b;max-width:480px;line-height:1.45}.ip-support .file-preview-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ip-support .file-preview-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:9px 12px;font-size:.86rem;animation:ip-fadeInDown .25s cubic-bezier(.16,1,.3,1) both;transition:border-color .2s ease,box-shadow .2s ease}.ip-support .file-preview-item:hover{border-color:#cbd5e1;box-shadow:0 2px 5px #0f29420a}.ip-support .file-preview-meta{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.ip-support .file-type-badge{font-size:.68rem;font-weight:700;color:#1e3a5f;background:#e2e8f0;padding:3px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.ip-support .file-name{font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ip-support .file-size{color:#64748b;font-size:.78rem;white-space:nowrap;margin-left:4px}.ip-support .btn-file-remove{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;margin-left:8px;flex-shrink:0;transition:color .2s ease,background-color .2s ease}.ip-support .btn-file-remove:hover{color:#e11d48;background-color:#fee2e2}.ip-support .upload-warning{color:#e53e3e;font-size:.82rem;font-weight:500;margin-top:6px;display:none;align-items:center;gap:6px}.ip-support .upload-warning.is-visible{display:flex}.ip-support .feedback-banner{display:none;border-radius:10px;padding:22px 24px;margin-bottom:24px;animation:ip-errorFadeIn .35s cubic-bezier(.16,1,.3,1) both}.ip-support .feedback-banner.is-visible{display:flex}.ip-support .banner-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534;gap:16px;align-items:flex-start}.ip-support .banner-success .icon-wrapper{background:#22c55e;color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #22c55e40}.ip-support .banner-success h3{font-size:1.15rem;font-weight:700;color:#14532d;margin-bottom:4px}.ip-support .banner-success p{font-size:.92rem;color:#166534;line-height:1.5;margin-bottom:14px}.ip-support .banner-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;gap:14px;align-items:center}.ip-support .banner-error svg{color:#ef4444;flex-shrink:0}.ip-support .btn-reset-form{display:inline-flex;align-items:center;gap:7px;background-color:#fff;color:#14532d;font-size:.86rem;font-weight:600;padding:7px 16px;border:1px solid #86efac;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.ip-support .btn-reset-form:hover{background-color:#dcfce7;border-color:#4ade80}.ip-support .btn-submit{background-color:#0f2942;color:#fff;font-size:1rem;font-weight:700;padding:13px 28px;border:none;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background-color .2s ease,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;width:100%;margin-top:8px;box-shadow:0 2px 4px #0f29421f}.ip-support .btn-submit svg.icon-arrow{transition:transform .22s cubic-bezier(.16,1,.3,1)}.ip-support .btn-submit:hover:not(:disabled){background-color:#1e3a5f;transform:translateY(-2px);box-shadow:0 6px 16px #0f294233}.ip-support .btn-submit:hover:not(:disabled) svg.icon-arrow{transform:translate(4px)}.ip-support .btn-submit:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px #0f29421f}.ip-support .btn-submit:disabled{opacity:.75;cursor:not-allowed;transform:none;box-shadow:none}.ip-support .spinner{animation:ip-spin .9s linear infinite;display:none}.ip-support .btn-submit.is-loading .spinner{display:inline-block}.ip-support .btn-submit.is-loading svg.icon-arrow{display:none}.ip-support .codecanyon-box{background:linear-gradient(135deg,#f8fafc,#edf2f7);border:1px solid #cbd5e1;border-radius:12px;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .2s ease}.ip-support .codecanyon-box:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f294214;border-color:#94a3b8}.ip-support .codecanyon-info h3{font-size:1.15rem;font-weight:700;color:#0f2942;margin-bottom:4px}.ip-support .codecanyon-info p{font-size:.92rem;color:#4a5568;line-height:1.5}.ip-support .btn-codecanyon{background:#1e3a5f;color:#fff;text-decoration:none;font-size:.92rem;font-weight:600;padding:11px 22px;border-radius:7px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;box-shadow:0 2px 4px #0f29421a}.ip-support .btn-codecanyon svg{transition:transform .22s cubic-bezier(.16,1,.3,1)}.ip-support .btn-codecanyon:hover{background:#0f2942;transform:scale(1.02);box-shadow:0 4px 12px #0f294238}.ip-support .btn-codecanyon:hover svg{transform:translate(2px,-2px)}.ip-support .faq-item{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;background:#fff;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.ip-support .faq-item:last-child{margin-bottom:0}.ip-support .faq-item:hover{border-color:#cbd5e1}.ip-support .faq-item[open]{border-color:#94a3b8;box-shadow:0 3px 8px #0f29420a}.ip-support summary{padding:16px 20px;font-size:.98rem;font-weight:600;color:#0f2942;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;user-select:none;transition:background-color .2s ease,color .2s ease}.ip-support summary::-webkit-details-marker{display:none}.ip-support summary:hover{background-color:#f8fafc;color:#1e3a5f}.ip-support .faq-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:1.35rem;font-weight:400;color:#64748b;line-height:1;transition:transform .25s cubic-bezier(.16,1,.3,1),color .25s ease}.ip-support .faq-item[open] summary .faq-icon{transform:rotate(45deg);color:#0f2942}.ip-support .faq-content{padding:14px 20px 18px;color:#4a5568;font-size:.93rem;line-height:1.6;border-top:1px solid #f1f5f9;margin-top:4px;animation:ip-accordionExpand .25s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){.ip-support *,.ip-support *:before,.ip-support *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){.ip-support .card{padding:22px 18px;margin-bottom:20px}.ip-support .page-intro h1{font-size:1.7rem}.ip-support .policy-grid{grid-template-columns:1fr;gap:16px}.ip-support .form-grid{grid-template-columns:1fr;row-gap:16px}.ip-support .codecanyon-box{flex-direction:column;align-items:flex-start;padding:20px;gap:16px}.ip-support .btn-codecanyon{width:100%;justify-content:center}}