*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1a1a2e;background:#f8f9fb;line-height:1.6}.support-container{max-width:1200px;margin:0 auto;padding:0 24px}.support-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:8px 0}.support-header .support-container{display:flex;justify-content:space-between;align-items:center}.support-logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#1a1a2e;text-decoration:none}.support-logo img,.support-logo-img{height:60px;width:auto;display:block;margin-top:8px}.support-logo span{font-weight:400;color:#64748b}.support-back-link{color:#64748b;text-decoration:none;font-size:14px}.support-back-link:hover{color:#4f6ef7}.flash{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.flash-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.flash-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.flash i{margin-right:6px}.support-main{padding:32px 0;min-height:calc(100vh - 140px)}.support-layout{display:grid;grid-template-columns:minmax(280px, 320px) minmax(0, 1fr);gap:32px;align-items:start}.support-layout>*,.support-content,.support-content-area{min-width:0}@media(max-width: 1024px){.support-layout{grid-template-columns:minmax(260px, 300px) minmax(0, 1fr);gap:24px}.support-content{padding:24px}}@media(max-width: 920px){.support-layout{grid-template-columns:1fr}.support-layout>.support-content,.support-layout>.support-content-area{order:1}.support-layout>.support-sidebar{order:2}}.support-content-area{display:flex;flex-direction:column;gap:24px}.support-sidebar{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:20px;position:sticky;top:24px;max-height:calc(100vh - 180px);display:flex;flex-direction:column;overflow:hidden}.article-list-scroll{flex:1;overflow-y:auto;position:relative;-webkit-mask-image:linear-gradient(to bottom, black calc(100% - 80px), transparent 100%);mask-image:linear-gradient(to bottom, black calc(100% - 80px), transparent 100%)}.article-list-scroll.scrolled-bottom{-webkit-mask-image:none;mask-image:none}@media(max-width: 920px){.support-sidebar{position:static;top:auto;max-height:none}.article-list-scroll{max-height:360px;-webkit-mask-image:none;mask-image:none}}.support-sidebar h2{font-size:16px;font-weight:600;margin-bottom:16px;color:#1a1a2e}.article-filter-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;margin-bottom:16px;outline:none;transition:border-color .2s}.article-filter-input:focus{border-color:#4f6ef7}.category-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:8px;margin-top:16px}.article-category:first-child .category-title{margin-top:0}.category-articles{list-style:none}.category-articles li{margin-bottom:2px}.category-articles li a{display:block;padding:6px 10px;color:#334155;text-decoration:none;font-size:13px;border-radius:6px;transition:background .15s}.category-articles li a:hover{background:#f1f5f9;color:#4f6ef7}.category-articles li.active a{background:#eef2ff;color:#4f6ef7;font-weight:500}.support-content{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:32px}.support-content h1{font-size:24px;font-weight:700;margin-bottom:8px}.support-subtitle{color:#64748b;margin-bottom:24px;font-size:15px}.article-breadcrumb{margin-bottom:20px}.breadcrumb-category{color:#64748b;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.article-category-badge{display:inline-block;background:#eef2ff;color:#4f6ef7;font-size:12px;font-weight:500;padding:2px 10px;border-radius:12px;margin-bottom:20px}.article-body{font-size:15px;line-height:1.7;color:#334155}.article-body h2{font-size:20px;margin:24px 0 12px}.article-body h3{font-size:17px;margin:20px 0 10px}.article-body p{margin-bottom:12px}.article-body ul,.article-body ol{margin-bottom:12px;padding-left:24px}.article-body li{margin-bottom:4px}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:12px 0;border:1px solid #e2e8f0}.article-body code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:13px}.article-body pre{background:#f1f5f9;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:12px;white-space:pre-wrap;word-wrap:break-word}.article-body pre code{background:none;padding:0}.article-body a{color:#4f6ef7}.article-body blockquote{border-left:3px solid #4f6ef7;padding-left:16px;color:#64748b;margin:12px 0}.contact-below-article h2{font-size:20px;margin-bottom:16px}.contact-form{width:100%;max-width:560px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#1a1a2e}.label-hint{font-weight:400;color:#94a3b8;font-size:12px}.form-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff}.form-input:focus{border-color:#4f6ef7;box-shadow:0 0 0 3px rgba(79,110,247,.1)}.form-input-file{font-size:13px;color:#64748b}.form-group-checkbox{margin-top:4px}.checkbox-label{display:flex !important;align-items:flex-start;gap:10px;font-weight:400 !important;font-size:13px !important;color:#64748b !important;line-height:1.5;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:3px;flex-shrink:0}.btn-submit{background:#4f6ef7;color:#fff;border:none;padding:12px 28px;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .2s;font-family:inherit}.btn-submit:hover{background:#3b5ce4}.btn-submit i{margin-right:6px}.subject-wrapper{position:relative}.suggestions-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:100;max-height:280px;overflow-y:auto;margin-top:4px}.suggestion-item{display:block;padding:10px 14px;text-decoration:none;color:#334155;border-bottom:1px solid #f1f5f9;transition:background .1s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f8fafc}.suggestion-title{display:block;font-size:14px;font-weight:500}.suggestion-category{display:block;font-size:12px;color:#94a3b8;margin-top:2px}.support-footer{text-align:center;padding:24px 0;color:#94a3b8;font-size:13px;border-top:1px solid #e2e8f0}@media(max-width: 640px){.support-container{padding:0 16px}.support-header .support-container{flex-direction:column;align-items:flex-start;gap:8px}.support-logo img,.support-logo-img{height:52px}.support-main{padding:24px 0}.support-content,.support-sidebar{padding:20px}.article-list-scroll{max-height:220px}}