/* Font Awesome 5 Pro 기본 스타일 */
.fa,
.fas,
.far,
.fal,
i.navbar-icon {
    font-family: "Font Awesome 5 Pro" !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
    display: inline-block !important;
}
@font-face{font-family:'Pretendard Variable';font-weight:100 900;font-style:normal;font-display:swap;src:url('https://assets.snssupporter.com/assets/fonts/PretendardVariable.woff2') format('woff2-variations')}@font-face{font-family:'Pretendard';font-weight:100 900;font-style:normal;font-display:swap;src:url('https://assets.snssupporter.com/assets/fonts/PretendardVariable.woff2') format('woff2-variations')}body{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',sans-serif !important;letter-spacing:-0.3px !important;background-color:rgb(241,243,248) !important}@media (max-width:991.98px){body{padding-top:var(--header-height,46px)}}@media (max-width:1440px){html,body{max-width:100vw;overflow-x:hidden}main{max-width:100%;overflow-x:hidden}}@media (min-width:992px){body{display:flex}}.fa,.fas,.far,.fal,i.navbar-icon{font-family:"Font Awesome 5 Pro" !important;font-style:normal !important;-webkit-font-smoothing:antialiased !important;display:inline-block !important}.fa,.fas,i.navbar-icon.fa,i.navbar-icon.fas{font-weight:900 !important}.far,i.navbar-icon.far{font-weight:400 !important}.fal,i.navbar-icon.fal{font-weight:300 !important}.fab,i.navbar-icon.fab{font-family:"Font Awesome 5 Brands" !important;font-weight:400 !important;font-style:normal !important;-webkit-font-smoothing:antialiased !important;display:inline-block !important}i.navbar-icon{font-size:1em !important;line-height:1 !important;vertical-align:middle !important}[hidden],template{display:none}.hidden{display:none !important}.dropdown-item .badge{background-color:#0c8 !important;color:#fff}select{-webkit-appearance:revert !important;-moz-appearance:revert !important;appearance:revert !important}button[type=submit] h6{color:#fff !important}.btn-primary{color:#fff !important;background-color:#dc3c1a !important}.text-primary{color:#4280F8 !important}.bg-primary{background-color:#ce391b !important}.btn-outline-primary{color:#dc3c1a;border-color:#dc3c1a}a{color:#000}.form-control{font-size:0.75rem}.order_btn_bottom_banner{margin:2px 0px}@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}}ul{list-style:none;padding:0 !important}.modal-close{z-index:20;position:absolute;cursor:pointer;top:10px;right:10px}.footer-desc{padding:60px 0;align-items:center;font-size:12px}.pc{display:flex !important;border-top-right-radius:12px;border-top-left-radius:12px}.mo{display:none !important}.circle{width:44px;height:44px;border-radius:100%;display:flex;align-items:center;justify-content:center}.scroll_in{border-radius:8px;border:1px solid #eee;padding:12px;display:flex;align-items:center;box-shadow:rgb(0 0 0 / 25%) 0 4px 4px 0}.scroll_in_01{border-radius:8px;padding:4px 20px;color:#fff;font-size:12px}.scroll_in_03{color:#ccc}@media screen and (max-width:1440px){.pc{display:none !important}.mo{display:flex !important}.footer-desc{padding:40px 0;align-items:start;flex-direction:column;font-size:10px}.modal-content{padding:0 !important}}.user-info-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin:16px 0}.user-info-header{display:flex;align-items:center;gap:6px}.info-container{padding:14px}.user-profile{margin-bottom:10px}.user-name{font-size:14px;font-weight:600;color:#212529;margin:0 0 2px;display:flex;align-items:center;gap:6px}.user-email{font-size:12px;color:#868e96;margin:0}.user-balance-section{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:10px 12px;margin-bottom:10px}.balance-label{font-size:12px;color:#868e96}.user-info-box .user-balance{font-size:16px;font-weight:700;color:#212529;margin:0}.user-info-box .copy-button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #dee2e6;border-radius:4px;background:#fff;cursor:pointer;transition:all 0.15s ease}.user-info-box .copy-button i{font-size:10px;color:#868e96}.user-info-box .copy-button:hover{background:#e9ecef}.user-balance{font-size:16px;font-weight:600;color:#ff4757;display:block;margin-right:1rem}.user-actions{display:flex;gap:6px}.user-info-box .dropdown{flex:1}.user-info-box .dropdown-toggle-btn{width:100%;padding:9px 10px;border:1px solid #dee2e6;border-radius:6px;background:#fff;font-size:12px;font-weight:500;color:#495057;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all 0.15s ease}.user-info-box .dropdown-toggle-btn:hover{background:#e9ecef;border-color:#ced4da}.user-info-box .dropdown-toggle-btn i{color:#868e96;font-size:9px}.user-dropdown{min-width:180px;padding:6px 0;border:none;border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,0.12),0 0 0 1px rgba(0,0,0,0.04);background:#fff;overflow:hidden}.user-dropdown .dropdown-item{display:flex;align-items:center;gap:10px;padding:11px 18px;font-size:14px;font-weight:500;color:#191f28;transition:background 0.12s}.user-dropdown .dropdown-item:hover,.user-dropdown .dropdown-item:focus{background:#f2f4f6;color:#191f28}.user-dropdown .dropdown-item:active{background:#e5e8eb}.user-dropdown .dropdown-item i{width:18px;text-align:center;font-size:14px;color:#8b95a1}.user-dropdown-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;color:#fff;background:#f04452;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.user-dropdown-divider{height:1px;margin:4px 14px;background:#f2f4f6}.user-dropdown-logout{color:#8b95a1 !important;font-weight:400 !important}.user-dropdown-logout i{color:#b0b8c1 !important}.user-info-box .btn-recharge{flex:1;padding:9px 10px;border:none;border-radius:6px;background:#cf3819;font-size:12px;font-weight:600;color:#fff;text-decoration:none;text-align:center;cursor:pointer;transition:all 0.15s ease}.user-info-box .btn-recharge:hover{background:#1c7ed6}.dropdown-toggle-btn{flex:1;padding:8px;border:1px solid #eee;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px}.btn-recharge{padding:8px 16px;background:#ce391b;color:#fff;border-radius:6px;text-decoration:none;font-size:13px;font-weight:500;transition:background 0.2s}.btn-recharge:hover{background:#0056b3;color:#fff}@media screen and (max-width:768px){.user-info-box{margin:12px 0;border-radius:8px}.info-container{padding:12px}.user-profile{margin-bottom:8px}.user-name{font-size:13px}.user-email{font-size:11px}.user-balance-section{padding:8px 10px;margin-bottom:8px}.user-info-box .user-balance{font-size:15px}.user-info-box .dropdown-toggle-btn,.user-info-box .btn-recharge{font-size:11px;padding:8px}.user-info-box .copy-button{width:20px;height:20px}.user-info-box .copy-button i{font-size:9px}}@media screen and (max-width:375px){.info-container{padding:10px}.user-name{font-size:12px}.user-info-box .user-balance{font-size:14px}.user-info-box .dropdown-toggle-btn,.user-info-box .btn-recharge{padding:7px;font-size:10px}}.footer-links{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,0.1)}.aside-logo{display:flex;justify-content:center;align-items:center}.hover-primary:hover{color:#0d6efd !important}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.proposal-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ff4620,#ce391b);color:#ffffff;border-radius:6px;font-weight:500;font-size:14px;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,95,240,0.2);border:1px solid rgba(255,255,255,0.1);margin:4px 0}.proposal-btn:hover{background:linear-gradient(135deg,#ce391b,#003d99);color:#ffffff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,95,240,0.3)}.proposal-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,95,240,0.2)}.proposal-btn i{font-size:16px;opacity:0.9}.brand-name{margin-bottom:0 !important;font-size:0.75rem !important;font-weight:700}header{position:fixed;top:0;background-color:#ffffff;padding:5px;left:0;width:100%;z-index:1030;box-shadow:0 2px 8px rgba(0,0,0,0.08);display:block}@media (min-width:992px){header{display:none !important}}.header-container{display:flex;justify-content:space-between;padding-left:1rem;padding-right:1rem}.logo-container{display:flex;align-items:center}.brand-name{font-weight:700}.auth-buttons{display:flex;gap:0.5rem;font-size:0.75rem}.logo-link{display:flex;align-items:center;text-decoration:none;color:inherit}[data-bs-toggle="collapse"] #businessInfoArrow{transition:transform 0.2s ease-in-out}[data-bs-toggle="collapse"][aria-expanded="false"] #businessInfoArrow{transform:rotate(0deg)}[data-bs-toggle="collapse"][aria-expanded="true"] #businessInfoArrow{transform:rotate(180deg)}#kakao_con_btn_right_bottom{position:fixed;bottom:15px;right:15px;z-index:9}@media (min-width:992px){aside{background-color:#ffffff;min-height:100vh;display:flex;width:250px;min-width:250px;flex-direction:column;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.08);border-right:1px solid #e5e7eb}aside footer{position:sticky;bottom:0;background:#fff;margin-top:auto}.menu-item{font-size:13px;font-weight:500;transition:all 0.2s ease;position:relative;margin-bottom:4px;border-radius:8px;background-color:transparent}.menu-item.active{background-color:#fff0ec}.menu-item a{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:10px 14px;color:#374151;text-decoration:none;background-color:transparent;transition:all 0.2s ease;border-radius:8px}.menu-item a .navbar-icon{margin-right:10px;color:#6b7280;transition:all 0.2s ease;font-size:16px;width:18px;text-align:center}.menu-item a .navbar-icon-img{margin-right:10px;width:20px;height:20px;object-fit:contain;flex-shrink:0}.menu-item:hover{background-color:#f3f4f6}.menu-item:hover a{color:#ce391b}.menu-item:hover a .navbar-icon{color:#ce391b}.menu-item.active a{color:#ce391b;font-weight:600}.menu-item.active a .navbar-icon{color:#ce391b}.menu-item a .chevron-icon{margin-left:auto;transition:transform 0.2s ease;color:#9ca3af;font-size:14px}.menu-item.active a .chevron-icon,.menu-item:hover a .chevron-icon{color:#ce391b}.sub-menu-item{font-size:13px;transition:all 0.3s ease;position:relative}.sub-menu-item.active{background:linear-gradient(to right,rgba(0,123,255,0.08),rgba(0,123,255,0.03));box-shadow:0 1px 3px rgba(0,123,255,0.04);position:relative}.sub-menu-item a{display:flex;align-items:center;justify-content:flex-start;padding:8px 15px;color:#444;text-decoration:none;background-color:transparent;transition:color 0.3s ease}.sub-menu-item::before{content:'';position:absolute;top:0;left:0;height:100%;width:3px;background-color:transparent;transition:background-color 0.3s ease}.sub-menu-item.active::before{background-color:#007bff}.sub-menu-item.active a{color:#444;font-weight:600}.sub-menu-item:hover::before{background-color:#007bff}.sub-menu-item:hover a{color:#444;background-color:transparent;font-weight:500}.category-header{cursor:pointer;color:#212529;font-weight:500;font-size:13px;transition:all 0.2s ease;border-radius:6px;padding:8px 10px;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.category-header>div{display:flex;align-items:center;gap:8px}.category-header svg{width:18px;height:18px;flex-shrink:0}.category-header .navbar-icon{margin-right:8px;color:#666;transition:all 0.2s ease}.category-header .fa-chevron-down{font-size:10px;opacity:0.5;transition:all 0.2s ease}.category-header:hover{color:#cf3819;background-color:#f1f3f5}.category-header:hover .navbar-icon{color:#cf3819}.category-header:hover .fa-chevron-down{opacity:0.8}.category-header.active{color:#cf3819;font-weight:600;background-color:#ffeae6}.category-header.active .navbar-icon{color:#cf3819}.category-header.active .fa-chevron-down{opacity:0.8}[aria-expanded="true"] .fa-chevron-down{transform:rotate(180deg);transition:transform 0.3s ease}[aria-expanded="false"] .fa-chevron-down{transform:rotate(0deg);transition:transform 0.3s ease}.collapse{transition:all 0.3s ease;margin-bottom:0.5rem}.btn-login,.btn-signup{background-color:#001F3F;color:#fff;border-radius:15px;padding:8px;font-size:12px;text-align:center;display:inline-block;width:80%;margin:5px 0}.btn-signup{background-color:#4CAF50}.business-info{padding:15px;font-size:12px;background-color:#f5f5f5;color:#000;border-top:1px solid #E0E0E0}.unique-nav-link{display:none}}@media (max-width:991px){.container-xxl{flex-direction:row;align-items:center;justify-content:space-between;width:100%}aside{position:fixed;bottom:-100%;left:0;background-color:#ffffff;height:100%;width:100%;display:flex;flex-direction:column;box-shadow:0 -2px 8px rgba(0,0,0,0.08);z-index:1050;transition:bottom 0.3s ease;border-top:1px solid #e5e7eb;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:60px}aside .d-flex{justify-content:center;align-items:center;flex-direction:row;width:100%}aside .button-container{padding:0.5rem;width:100%}aside.active{bottom:0}aside::-webkit-scrollbar{width:5px}aside::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}aside::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}aside::-webkit-scrollbar-thumb:hover{background:#a8a8a8}aside .menu-content{flex:1;overflow-y:auto;padding:1rem 0.5rem}aside .bottom-fixed{position:sticky;bottom:0;background:#fff;padding:0.75rem;border-top:1px solid #eee;width:100%}.menu-item{font-size:11px;font-weight:500;transition:all 0.2s ease;position:relative;width:100%;margin-bottom:6px;border-radius:10px}.menu-item.active{background-color:#fff0ec}.menu-item a{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:12px 14px;color:#374151;text-decoration:none;background-color:transparent;transition:all 0.2s ease;border-radius:10px}.menu-item a i.navbar-icon{margin-right:8px;color:#6b7280;transition:all 0.2s ease;font-size:16px;width:18px;text-align:center}.menu-item a .navbar-icon-img{margin-right:8px;width:18px;height:18px;object-fit:contain;flex-shrink:0}.menu-item:hover{background-color:#f3f4f6}.menu-item:hover a{color:#ce391b}.menu-item:hover a i.navbar-icon{color:#ce391b}.menu-item.active a{color:#ce391b;font-weight:600}.menu-item.active a i.navbar-icon{color:#ce391b}.business-info{display:none}.sub-menu-item.active{background:linear-gradient(to right,rgba(0,123,255,0.08),rgba(0,123,255,0.03));box-shadow:0 1px 3px rgba(0,123,255,0.04);position:relative}.sub-menu-item{font-size:11px}.sub-menu-item a{display:flex;align-items:center;justify-content:flex-start;padding:8px 15px;color:#444;text-decoration:none;background-color:transparent;transition:color 0.3s ease}.sub-menu-item::before{content:'';position:absolute;top:0;left:0;height:100%;width:3px;background-color:transparent;transition:background-color 0.3s ease}.sub-menu-item.active::before{background-color:#007bff}.sub-menu-item.active a{color:#444;font-weight:600}.sub-menu-item:hover::before{background-color:#007bff}.sub-menu-item:hover a{color:#444;background-color:transparent;font-weight:500}.category-header{cursor:pointer;color:#212529;font-weight:500;font-size:13px;transition:all 0.2s ease;border-radius:6px;padding:8px 10px;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.category-header>div{display:flex;align-items:center;gap:8px}.category-header svg{width:18px;height:18px;flex-shrink:0}.category-header .navbar-icon{margin-right:8px;color:#666;transition:all 0.2s ease}.category-header .fa-chevron-down{font-size:10px;opacity:0.5;transition:all 0.2s ease}.category-header:hover{color:#cf3819;background-color:#f1f3f5}.category-header:hover .navbar-icon{color:#cf3819}.category-header:hover .fa-chevron-down{opacity:0.8}.category-header.active{color:#cf3819;font-weight:600;background-color:#ffeae6}.category-header.active .navbar-icon{color:#cf3819}.category-header.active .fa-chevron-down{opacity:0.8}[aria-expanded="true"] .fa-chevron-down{transform:rotate(180deg);transition:transform 0.3s ease}[aria-expanded="false"] .fa-chevron-down{transform:rotate(0deg);transition:transform 0.3s ease}.collapse{transition:all 0.3s ease;margin-bottom:0.5rem}}@media (max-width:768px){#kakao_con_btn_right_bottom{bottom:70px;z-index:1001}.unique-bottom-navbar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;background:#fff;padding:0 0 env(safe-area-inset-bottom);margin:0;list-style:none;border-top:1px solid #eef0f4;z-index:1051;width:100%;height:56px}.unique-bottom-navbar li{flex:1;display:flex;justify-content:center}.unique-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 0 6px;color:#8b95a1;text-decoration:none;border:none;background:none;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}.unique-nav-link i{font-size:20px;line-height:1}.unique-nav-link span{font-size:10px;font-weight:500;line-height:1;letter-spacing:-0.02em}.unique-nav-link.active{color:#ce391b}.unique-nav-link.active i{color:#ce391b}.unique-nav-link.active span{color:#ce391b;font-weight:700}.unique-nav-link:active{opacity:0.6}}@media (min-width:769px){.unique-bottom-navbar{display:none}}.copy-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer;transition:all 0.2s ease}.copy-button i{font-size:15px;color:#333}.copy-button:hover{background-color:#f5f5f5;border-color:#d0d0d0}.copy-button:active{background-color:#eeeeee}@media screen and (max-width:768px){.copy-button{width:32px;height:32px}}.user-menu-wrap{position:relative}.notification-tooltip{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);z-index:1000;animation:fadeIn 0.3s ease-out}.tooltip-content{background:#333;color:white;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,0.12)}.tooltip-content::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);border-width:0 6px 6px 6px;border-style:solid;border-color:transparent transparent #333 transparent}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.notification-tooltip{bottom:-35px}.tooltip-content{font-size:11px;padding:6px 10px}}.notice-image{margin:20px 0;text-align:center}.notice-img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.notice-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0}@media (max-width:768px){.notice-image-grid{grid-template-columns:1fr}}.rank-submenu-box{background-color:#f3f4f6;border-radius:10px;margin:6px 0;padding:6px;border:none}.rank-submenu-box .nav{margin:0;gap:2px}.rank-submenu-box .sub-menu-item{margin-bottom:0;border-radius:8px;transition:all 0.15s ease}.rank-submenu-box .sub-menu-item::before{display:none}.rank-submenu-box .sub-menu-item a{border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600;color:#4b5563;background-color:transparent}.rank-submenu-box .sub-menu-item:hover{background-color:#e5e7eb}.rank-submenu-box .sub-menu-item:hover a{color:#1f2937;background-color:transparent}.rank-submenu-box .sub-menu-item.active{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.rank-submenu-box .sub-menu-item.active a{color:#ff4620;font-weight:800;background-color:transparent}.rank-submenu-box .sub-menu-item.active:hover{background-color:#fff}.new-badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:6px;text-transform:uppercase;letter-spacing:0.5px;animation:newBadgePulse 2s ease-in-out infinite;box-shadow:0 2px 4px rgba(238,90,90,0.3)}@keyframes newBadgePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.9}}.rank-promo-card{background:linear-gradient(135deg,#ffeae6 0%,#ffeae6 100%);border:1px solid #ffeae6;border-radius:10px;padding:14px;margin:12px 8px 8px;text-align:center}.rank-promo-icons{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:10px}.rank-promo-icons img{width:24px;height:24px;object-fit:contain;border-radius:4px;background:#fff;padding:3px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.2s ease;animation:rankIconBounce 3s ease-out infinite}.rank-promo-icons img:nth-child(1){animation-delay:0s}.rank-promo-icons img:nth-child(2){animation-delay:0.1s}.rank-promo-icons img:nth-child(3){animation-delay:0.2s}.rank-promo-icons img:nth-child(4){animation-delay:0.3s}.rank-promo-icons img:nth-child(5){animation-delay:0.4s}@keyframes rankIconBounce{0%,20%,100%{transform:translateY(0)}5%{transform:translateY(-8px)}10%{transform:translateY(3px)}15%{transform:translateY(-3px)}}.rank-promo-icons img:hover{transform:scale(1.15)}.rank-promo-text{font-size:11px;color:#cf3819;font-weight:500;margin:0;line-height:1.4}@media (max-width:991px){.rank-promo-card{margin:10px 4px 6px;padding:12px}.rank-promo-icons img{width:22px;height:22px}.rank-promo-text{font-size:10px}}.sidebar-footer{margin-top:16px}@media (max-width:991px){.sidebar-footer{margin-top:24px;padding-top:16px}}.business-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:6px 0;font-size:12px;color:#6b7280;cursor:pointer;transition:color 0.2s ease;margin-bottom:8px}.business-toggle-btn:hover{color:#374151}.business-toggle-arrow{font-size:10px;transition:transform 0.2s ease}.business-toggle-btn[aria-expanded="false"] .business-toggle-arrow{transform:rotate(180deg)}.unread-notification-link{display:none !important}@media (max-width:768px){.user-info-header{gap:4px}.user-info-header .user-balance{font-size:12px;padding:4px 6px}.user-info-header .dropdown-toggle-btn{font-size:11px;padding:6px 8px;gap:2px}.user-info-header .dropdown-toggle-btn i{font-size:8px}.user-info-header .btn-recharge{font-size:11px;padding:6px 10px}}@media (max-width:576px){.user-info-header .user-balance{font-size:11px;padding:3px 5px}.user-info-header .dropdown-toggle-btn{font-size:10px;padding:5px 6px}.user-info-header .btn-recharge{font-size:10px;padding:5px 8px}}.mkt-card-desc{display:flex;flex-direction:column;margin-top:12px;padding:20px 16px;gap:8px;border-radius:8px;background-color:rgb(249,249,249);font-size:13px;line-height:1.6;color:#374151}.mkt-card-desc p{margin:0}.mkt-card-desc img,.mkt-card-desc video{max-width:100%;border-radius:6px}.field-description video{max-width:100%;border-radius:6px}.dynamic-form{width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box}.dynamic-form *{box-sizing:border-box}.dynamic-form .section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,0.04)}.dynamic-form .section h3{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;position:relative}.dynamic-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.dynamic-form .image-upload-container{grid-column:1 / -1}.dynamic-form .input-group.full-width{grid-column:1 / -1}.dynamic-form .input-group{display:flex;flex-direction:column;gap:8px;padding:0;margin-bottom:16px;position:relative}.dynamic-form .input-group.hidden-checkbox-field{display:none !important}.dynamic-form .input-group label{font-weight:600;font-size:13px;color:#374151;margin-bottom:6px;display:block;padding:0 10px}.dynamic-form .input-group label .text-danger{color:#e53e3e;font-weight:700;font-size:16px;margin-left:4px;animation:pulse 2s infinite}.dynamic-form .input-group input[type="text"],.dynamic-form .input-group input[type="number"],.dynamic-form .input-group input[type="url"],.dynamic-form .input-group input[type="tel"],.dynamic-form .input-group input[type="date"],.dynamic-form .input-group select,.dynamic-form .input-group textarea{color:#5d5d5d;font-weight:500;width:100%;height:40px;background-color:#fff;border:1px solid #d8d8d8;border-radius:8px !important;font-size:13px;padding:0 12px;box-shadow:0 0.4px 1px 0 rgba(173,173,173,0.25);transition:all 0.2s ease}.dynamic-form .input-group input[type="text"]:focus,.dynamic-form .input-group input[type="number"]:focus,.dynamic-form .input-group input[type="url"]:focus,.dynamic-form .input-group input[type="tel"]:focus,.dynamic-form .input-group input[type="date"]:focus,.dynamic-form .input-group select:focus,.dynamic-form .input-group textarea:focus{outline:none;border-color:#ce391b;box-shadow:0 0 0 3px rgba(78,117,255,0.1)}.dynamic-form .input-group input[type="text"]:hover,.dynamic-form .input-group input[type="number"]:hover,.dynamic-form .input-group input[type="url"]:hover,.dynamic-form .input-group input[type="tel"]:hover,.dynamic-form .input-group input[type="date"]:hover,.dynamic-form .input-group select:hover,.dynamic-form .input-group textarea:hover{border-color:#b8b8b8}.dynamic-form .input-group input[type="text"]::placeholder,.dynamic-form .input-group input[type="number"]::placeholder,.dynamic-form .input-group input[type="url"]::placeholder,.dynamic-form .input-group input[type="tel"]::placeholder,.dynamic-form .input-group textarea::placeholder{color:#999;font-size:13px;font-weight:400}.dynamic-form .input-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:35px}.dynamic-form .checkbox-group{margin-top:8px;display:flex;flex-direction:column;gap:6px}.dynamic-form .form-check{display:flex;align-items:center;padding:8px 12px;background:#ffffff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.dynamic-form .form-check:hover{background:#f8fafc;border-color:#cbd5e0}.dynamic-form .form-check-input[type="checkbox"]{all:revert;width:16px;height:16px;margin:0 8px 0 0;cursor:pointer;accent-color:#4299e1;flex-shrink:0;outline:none}.dynamic-form .field-description{font-size:12px;color:#6b7280;background:#f3f4f6;padding:8px 12px;border-radius:8px !important;margin:4px 0;line-height:1.5;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.dynamic-form .field-description p{margin:0 0 4px 0;word-break:break-word}.dynamic-form .field-description a{word-break:break-all}.dynamic-form .field-description i{color:#6b7280;font-size:12px;margin-right:4px}.dynamic-form .form-text{font-size:11px;color:#9ca3af;margin-top:4px;display:block}.dynamic-form .form-text.text-muted{color:#9ca3af}.dynamic-form .text-muted{color:#9ca3af}.dynamic-form .conditional-field{transition:opacity 0.2s ease}.dynamic-form .conditional-field[style*="display:none"]{opacity:0}.dynamic-form .form-check-with-text{margin-bottom:8px}.dynamic-form .option-text-input{margin-left:24px;font-size:13px;height:36px;padding:0 10px;border:1px solid #d8d8d8;border-radius:6px !important;background:#fff;transition:all 0.2s ease}.dynamic-form .option-text-input:focus{background:#ffffff;border-color:#ce391b;box-shadow:0 0 0 2px rgba(78,117,255,0.1)}.dynamic-form .option-text-input::placeholder{color:#999;font-style:normal}.dynamic-form .input-group textarea{height:auto;min-height:80px;resize:vertical;padding:12px}.dynamic-form .btn{display:inline-block;padding:12px 24px;background:#4299e1;color:#ffffff;border:none;border-radius:6px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;text-align:center;transition:all 0.2s ease;text-decoration:none}.dynamic-form .btn:hover{background:#3182ce;transform:translateY(-1px);box-shadow:0 2px 8px rgba(66,153,225,0.3)}.dynamic-form .btn-lg{padding:14px 28px;font-size:15px;width:100%;border-radius:8px}.dynamic-form .guide-cards-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.dynamic-form .guide-card{background:linear-gradient(135deg,#ffffff 0%,#f8fffe 100%);border:2px solid #e8f5f0;border-radius:16px;padding:20px;cursor:pointer;transition:all 0.3s ease;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.08);position:relative;overflow:hidden}@media (max-width:768px){.dynamic-form .row{grid-template-columns:1fr;gap:14px}.dynamic-form .section{padding:20px;margin-bottom:14px;border-radius:10px}.dynamic-form .section h3{font-size:15px;margin-bottom:16px;padding-bottom:12px}.dynamic-form .input-group{margin-bottom:16px}.dynamic-form .input-group label{font-size:12px;padding:0 4px;margin-bottom:8px}.dynamic-form .input-group input[type="text"],.dynamic-form .input-group input[type="number"],.dynamic-form .input-group input[type="url"],.dynamic-form .input-group input[type="tel"],.dynamic-form .input-group input[type="date"],.dynamic-form .input-group select{height:38px;font-size:13px;padding:0 10px}.dynamic-form .input-group textarea{font-size:13px;padding:10px}.dynamic-form .guide-cards-section{grid-template-columns:1fr;gap:10px}.dynamic-form .guide-cards-section>div{padding:14px}.dynamic-form .guide-cards-section h6{font-size:13px}.dynamic-form .guide-cards-section p{font-size:11px}.dynamic-form .btn-lg{padding:12px 16px;font-size:14px}.dynamic-form .field-description{font-size:11px;padding:6px 10px}.dynamic-form .form-text{font-size:10px}.customer-notice h6{font-size:14px !important}.customer-notice div{font-size:12px !important;line-height:1.4 !important}.payment-agreement label strong{font-size:13px !important}.payment-agreement label small{font-size:11px !important}}@media (max-width:480px){.dynamic-form .section{padding:18px}.dynamic-form .section h3{font-size:14px;margin-bottom:14px;padding-bottom:10px}.dynamic-form .input-group{margin-bottom:14px}.dynamic-form .input-group label{font-size:12px;padding:0 4px;margin-bottom:6px}.dynamic-form .input-group input[type="text"],.dynamic-form .input-group input[type="number"],.dynamic-form .input-group input[type="url"],.dynamic-form .input-group input[type="tel"],.dynamic-form .input-group input[type="date"],.dynamic-form .input-group select{height:36px;font-size:12px;padding:0 10px}.dynamic-form .form-check{padding:6px 8px;font-size:12px}}.dynamic-form .input-group input:focus:not([type="checkbox"]),.dynamic-form .input-group select:focus{outline:2px solid #4299e1;outline-offset:2px}.dynamic-form .btn:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none}.dynamic-form .btn:disabled:hover{box-shadow:none;transform:none}.dynamic-form .input-group.error input,.dynamic-form .input-group.error select{border-color:#e53e3e;background:#fed7d7}.dynamic-form .input-group.error input:focus,.dynamic-form .input-group.error select:focus{box-shadow:0 0 0 2px rgba(229,62,62,0.1)}.dynamic-form .input-group.success input,.dynamic-form .input-group.success select{border-color:#38a169;background:#c6f6d5}.dynamic-form .input-group.success input:focus,.dynamic-form .input-group.success select:focus{box-shadow:0 0 0 2px rgba(56,161,105,0.1)}.dynamic-form .upload-progress{animation:fadeIn 0.3s ease-in}.dynamic-form .image-preview-container{margin-top:15px;width:100%}.dynamic-form .image-folder-card{background:#fff;border:2px solid #e3f2fd;border-radius:16px;padding:20px;margin-bottom:15px;position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease}.dynamic-form .image-folder-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.15);border-color:#ce391b}.customer-notice{background:#f8f9fa;color:#333333;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #e9ecef}.customer-notice h6{margin-bottom:10px;font-weight:600;color:#333333;font-size:16px}.customer-notice div{white-space:pre-line;line-height:1.6;font-size:14px;color:#555555;max-height:200px;overflow-y:auto;padding-right:5px}.dynamic-form .payment-agreement{background:#ffffff;border:none;border-radius:8px;padding:16px;margin-bottom:20px}.dynamic-form .payment-agreement .form-check{display:flex;align-items:flex-start;gap:10px;margin:0;padding:0;background:transparent;border:none}.dynamic-form .payment-agreement .form-check-input{width:18px;height:18px;min-width:18px;margin:2px 0 0 0;flex-shrink:0;cursor:pointer}.dynamic-form .payment-agreement .form-check-label{flex:1;font-size:13px;font-weight:500;line-height:1.5;color:#374151;cursor:pointer;margin:0;padding:0}.dynamic-form .payment-agreement .agreement-tip{margin-top:12px;padding:10px 14px;background:#eef6ff;border-radius:8px;font-size:12px;color:#374151;line-height:1.6}.dynamic-form .payment-agreement .agreement-tip .tip-badge{display:inline-block;background:#ce391b;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-right:6px;vertical-align:middle}.dynamic-form .payment-agreement .agreement-warnings{margin-top:8px;background:#eef6ff;border-radius:8px;cursor:pointer;overflow:hidden}.dynamic-form .payment-agreement .agreement-warnings-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12px;font-weight:600;color:#374151}.dynamic-form .payment-agreement .agreement-warnings-toggle i{font-size:10px;color:#6b7280;transition:transform 0.25s ease}.dynamic-form .payment-agreement .agreement-warnings.expanded .agreement-warnings-toggle i{transform:rotate(180deg)}.dynamic-form .payment-agreement .agreement-warnings-content{display:none;padding:0 14px 12px;font-size:12px;color:#4b5563;line-height:1.7;max-height:250px;overflow-y:auto}.dynamic-form .payment-agreement .agreement-warnings.expanded .agreement-warnings-content{display:block}.dynamic-form .payment-agreement .agreement-warnings-content h5{font-size:12px;font-weight:600;color:#b91c1c;margin-bottom:8px}.dynamic-form .payment-agreement .agreement-warnings-content ul{margin:0;padding-left:18px}.dynamic-form .payment-agreement .agreement-warnings-content li{margin-bottom:6px}@media (max-width:768px){.common-notice-modal .modal-content,.guide-modal .modal-content{width:95% !important;max-width:95% !important;margin:10px !important}.common-notice-modal h3,.guide-modal h3,.common-notice-modal h4,.guide-modal h4{font-size:16px !important;line-height:1.3 !important}.common-notice-modal div[style*="프리미엄"]{font-size:12px !important}.common-notice-modal #commonNoticeContent,.guide-modal div[style*="padding:20px"]{padding:16px !important;font-size:13px !important;line-height:1.5 !important}.common-notice-modal #commonNoticeContent h1,.guide-modal div[style*="padding:20px"] h1{font-size:18px !important}.common-notice-modal #commonNoticeContent h2,.guide-modal div[style*="padding:20px"] h2{font-size:16px !important}.common-notice-modal #commonNoticeContent h3,.guide-modal div[style*="padding:20px"] h3{font-size:14px !important}.common-notice-modal #commonNoticeContent p,.guide-modal div[style*="padding:20px"] p{font-size:12px !important;line-height:1.4 !important;margin-bottom:8px !important}.common-notice-modal #commonNoticeContent ul,.common-notice-modal #commonNoticeContent ol,.guide-modal div[style*="padding:20px"] ul,.guide-modal div[style*="padding:20px"] ol{font-size:12px !important;padding-left:16px !important}.common-notice-modal #commonNoticeContent li,.guide-modal div[style*="padding:20px"] li{margin-bottom:4px !important}.common-notice-modal div[style*="padding:24px"],.guide-modal div[style*="padding:20px"]:first-child{padding:16px 20px !important}.common-notice-modal div[style*="padding:20px 28px"],.guide-modal div[style*="padding:15px"]:last-child{padding:12px 20px !important}}.dynamic-form .step-tabs{margin:0 0 20px 0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px;overflow:hidden}.dynamic-slide-body .dynamic-form .step-tabs{margin:-20px -20px 20px -20px;padding:12px 16px;position:sticky;top:-20px;z-index:10;border-radius:0;border-left:none;border-right:none;border-top:none;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.dynamic-form .step-tabs-inner{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;width:100%}.dynamic-form .step-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;cursor:pointer;border-radius:4px;flex:0 0 calc(33.33% - 20px);transition:all 0.2s ease;background:transparent;flex:1;min-width:0}.dynamic-form .step-tab:hover{background:#e2e8f0}.dynamic-form .step-tab-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;font-size:11px;font-weight:600;background:#cbd5e1;color:#64748b;transition:all 0.2s ease;flex-shrink:0}.dynamic-form .step-tab-title{font-size:13px;font-weight:500;color:#64748b;transition:color 0.2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dynamic-form .step-tab-connector{display:flex;align-items:center;justify-content:center;padding:0 4px;color:#94a3b8;flex-shrink:0;flex-grow:0}.dynamic-form .step-tab-connector:nth-of-type(3n){display:none}.dynamic-form .step-tab-connector .dot{display:none}.dynamic-form .step-tab-connector::before{content:'';display:block;width:7px;height:7px;border-top:2px solid #94a3b8;border-right:2px solid #94a3b8;transform:rotate(45deg)}.dynamic-form .step-tab.completed .step-tab-num{background:#dcfce7;color:#16a34a}.dynamic-form .step-tab.completed .step-tab-title{color:#16a34a}.dynamic-form .step-tab-connector.completed::before{border-color:#16a34a}.dynamic-form .step-tab-connector.active::before{border-color:#ce391b;animation:arrowPulse 1.2s ease-in-out infinite}@keyframes arrowPulse{0%,100%{opacity:0.4;transform:rotate(45deg) translateX(0)}50%{opacity:1;transform:rotate(45deg) translateX(2px)}}.dynamic-form .step-tab.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.dynamic-form .step-tab.active .step-tab-num{background:#ce391b;color:white}.dynamic-form .step-tab.active .step-tab-title{color:#1e293b;font-weight:600}.dynamic-form .step-tab-slider{display:none}.dynamic-form .step-card-footer{margin-top:24px;padding-top:20px;border-top:1px solid #e9ecef}.dynamic-form .step-card-footer .payment-agreement{margin-bottom:16px;padding:16px;background:#ffffff;border:none;border-radius:8px}.dynamic-form .step-card-footer .payment-agreement .form-check{display:flex;align-items:flex-start;gap:10px;margin:0;padding:0;background:transparent;border:none}.dynamic-form .step-card-footer .payment-agreement .form-check-input{width:18px;height:18px;margin:2px 0 0 0;flex-shrink:0;cursor:pointer}.dynamic-form .step-card-footer .payment-agreement .form-check-label{flex:1;font-size:13px;line-height:1.5;color:#374151;cursor:pointer;margin:0;padding:0}.dynamic-form .step-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px}.dynamic-form .step-prev-btn,.dynamic-form .step-close-btn,.dynamic-form .step-next-btn,.dynamic-form .step-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;font-size:14px;font-weight:500;border-radius:8px;transition:all 0.2s ease;cursor:pointer}.dynamic-form .step-prev-btn,.dynamic-form .step-close-btn{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.dynamic-form .step-prev-btn:hover,.dynamic-form .step-close-btn:hover{background:#e9ecef;border-color:#adb5bd}.dynamic-form .step-next-btn{background:#ce391b;border:none;color:white;flex:1;max-width:200px}.dynamic-form .step-next-btn:hover{background:#3d5fd9}.dynamic-form .step-submit-btn{background:#28a745;border:none;color:white;flex:1}.dynamic-form .step-submit-btn:hover{background:#218838}@media (max-width:768px){.dynamic-form .step-tabs{padding:8px 12px}.dynamic-form .step-tab{padding:5px 8px}.dynamic-form .step-tab-num{width:18px;height:18px;font-size:10px}.dynamic-form .step-tab-title{font-size:12px}.dynamic-form .step-tab-connector{padding:0 2px}.dynamic-form .step-tab-connector::before{width:5px;height:5px}.dynamic-form .step-card-footer{margin-top:20px;padding-top:16px}.dynamic-form .step-prev-btn,.dynamic-form .step-close-btn,.dynamic-form .step-next-btn,.dynamic-form .step-submit-btn{padding:10px 16px;font-size:13px}}@media (max-width:480px){.dynamic-form .step-tabs{padding:8px}.dynamic-form .step-tabs-inner{flex-wrap:wrap;gap:4px 0}.dynamic-form .step-tab{flex:0 0 auto;width:calc(33.33% - 10px);padding:6px 4px;gap:4px;justify-content:center}.dynamic-form .step-tab-num{width:18px;height:18px;font-size:10px;border-radius:3px}.dynamic-form .step-tab-title{font-size:11px}.dynamic-form .step-tab-connector{flex:0 0 auto;width:15px;padding:0}.dynamic-form .step-tab-connector::before{width:6px;height:6px;border-top-width:2px;border-right-width:2px}.dynamic-form .step-tab-connector:nth-of-type(6){width:100%;height:4px}.dynamic-form .step-tab-connector:nth-of-type(6)::before{display:none}.dynamic-form .step-navigation{flex-wrap:wrap}.dynamic-form .step-prev-btn{flex:0 0 auto;padding:10px 16px}.dynamic-form .step-next-btn{flex:1;max-width:none}.dynamic-form .step-submit-btn{flex:1}.dynamic-form .step-prev-btn,.dynamic-form .step-close-btn,.dynamic-form .step-next-btn,.dynamic-form .step-submit-btn{font-size:13px}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.7}100%{transform:scale(1);opacity:1}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dynamic-order-start-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;padding:16px 24px;background:transparent;color:#ce391b;border:2px dashed #ce391b;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:0}.dynamic-order-start-btn:hover{background:rgba(49,130,246,0.04);border-color:#1b64da;color:#1b64da}.dynamic-order-start-btn:active{background:rgba(49,130,246,0.08);transform:scale(0.98)}.dynamic-order-start-btn .btn-icon{display:inline-flex;animation:spin 3s linear infinite}.dynamic-order-start-btn .btn-icon i{color:#ce391b;font-size:16px}.dynamic-order-start-btn .btn-title{display:block;font-size:15px;font-weight:600}.dynamic-order-start-btn .btn-desc{display:block;font-size:12px;font-weight:400;color:#8b95a1;margin-top:4px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.dynamic-slide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.56);z-index:9998;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.dynamic-slide-overlay.active{opacity:1;visibility:visible}.dynamic-slide-panel{position:fixed;top:0;right:0;width:40%;min-width:480px;max-width:100%;height:100vh;height:100dvh;background:#f4f5f7;z-index:9999;transform:translateX(100%);transition:transform 0.36s cubic-bezier(0.32,0.72,0,1);display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,0.12);overflow:hidden}.dynamic-slide-overlay.active .dynamic-slide-panel{transform:translateX(0)}.dynamic-slide-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px;height:56px;background:#f4f5f7;border-bottom:none;flex-shrink:0;position:relative}.dynamic-slide-header h3{position:absolute;left:50%;transform:translateX(-50%);margin:0;font-size:17px;font-weight:700;color:#191f28;letter-spacing:-0.02em;white-space:nowrap}.dynamic-slide-header h3 i{display:none}.dynamic-slide-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:12px;color:#333d4b;cursor:pointer;transition:background 0.15s ease;flex-shrink:0;z-index:1}.dynamic-slide-back:hover{background:rgba(0,0,0,0.04)}.dynamic-slide-back:active{background:rgba(0,0,0,0.08)}.dynamic-slide-header-spacer{width:44px;flex-shrink:0}.dynamic-slide-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;-webkit-overflow-scrolling:touch;position:relative;overscroll-behavior:contain}.dynamic-slide-body::-webkit-scrollbar{width:0}.slide-service-info{background:#ffffff;border-radius:0;padding:20px 24px;margin:0;border-bottom:none}.slide-service-top{display:flex;flex-direction:column;gap:6px}.slide-platform-header .snssupporter-platform-header{margin:0;padding:10px 0;border:none;border-bottom:none;border-radius:0;background:transparent;display:flex;flex-direction:column;align-items:stretch;gap:6px}.slide-platform-header .snssupporter-platform-header .header-top-row{display:flex;align-items:center;gap:0;width:100%}.slide-platform-header .snssupporter-platform-header .platform-info{display:flex;align-items:center;gap:6px}.slide-platform-header .snssupporter-platform-header .platform-info img{width:18px;height:18px;object-fit:contain}.slide-platform-header .snssupporter-platform-header .platform-name{font-weight:600;font-size:13px;color:#4e5968}.slide-platform-header .snssupporter-platform-header .category-info{display:flex;align-items:center;gap:4px}.slide-platform-header .snssupporter-platform-header .header-divider{color:#d1d6db;font-size:12px;margin:0 6px}.slide-platform-header .snssupporter-platform-header .category-icon-wrap{display:flex;align-items:center}.slide-platform-header .snssupporter-platform-header .category-icon-wrap img{width:16px;height:16px;object-fit:contain}.slide-platform-header .snssupporter-platform-header .category-name-wrap{font-weight:500;font-size:13px;color:#6b7684}.slide-platform-header .snssupporter-platform-header .header-description-row{width:100%;font-size:12px;font-weight:400;color:#6b7684;line-height:1.5;padding:8px 12px;background:#f2f4f6;border-radius:10px}.slide-service-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.slide-service-name{font-size:18px;font-weight:700;color:#191f28;letter-spacing:-0.02em}.slide-service-price{font-size:15px;font-weight:700;color:#ce391b;white-space:nowrap}.slide-service-desc-toggle{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;margin-top:8px;padding:8px 0;border:none;font-size:13px;font-weight:600;color:#ce391b;cursor:pointer;transition:color 0.15s}.slide-service-desc-toggle:hover{color:#1b64da}.slide-service-desc-toggle i{font-size:10px;transition:transform 0.3s;margin-left:0}.slide-service-info.expanded .slide-service-desc-toggle i{transform:rotate(180deg)}.slide-warnings-section{margin:0;background:#ffffff}.slide-warnings-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 24px;font-size:13px;color:#8b95a1;background:#ffffff;cursor:pointer;transition:color 0.2s}.slide-warnings-toggle:hover{color:#4e5968}.slide-warnings-toggle i{font-size:10px;transition:transform 0.3s}.slide-warnings-section.expanded .slide-warnings-toggle i{transform:rotate(180deg)}.slide-warnings-content{display:none;padding:0 24px 16px 24px;background:#ffffff;font-size:13px;line-height:1.6;color:#4e5968;max-height:250px;overflow-y:auto}.slide-warnings-section.expanded .slide-warnings-content{display:block}.slide-warnings-content h5{color:#333d4b;font-size:14px;font-weight:600;margin-bottom:12px}.slide-warnings-content ul{margin:0;padding-left:20px}.slide-warnings-content li{margin-bottom:8px;color:#4e5968}.slide-service-desc{display:block;margin-top:12px;padding:16px;background:#f2f4f6;border:none;border-radius:12px;font-size:13px;line-height:1.7;color:#4e5968;max-height:120px;overflow:hidden;position:relative;transition:max-height 0.35s ease}.slide-service-desc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(transparent,#f2f4f6);pointer-events:none;transition:opacity 0.3s ease}.slide-service-info.expanded .slide-service-desc{max-height:600px;overflow-y:auto}.slide-service-info.expanded .slide-service-desc::after{opacity:0}.slide-service-desc .highlight{font-weight:600;color:#191f28}.slide-service-desc ul{list-style:none;padding:0;margin:0}.slide-service-desc li{padding:8px 0;border-bottom:1px solid #e5e8eb;display:flex;align-items:flex-start;line-height:1.7}.slide-service-desc li:last-child{border-bottom:none;padding-bottom:0}.slide-service-desc li:first-child{padding-top:0}.slide-service-desc li::before{content:'·';color:#8b95a1;margin-right:8px;flex-shrink:0;font-weight:700}.slide-service-desc::-webkit-scrollbar{width:0}.slide-service-spec{margin-top:14px}.slide-service-spec .service-spec-container{background:transparent;border:none;border-radius:0;padding:0;margin:0}.slide-service-spec .service-spec-title{font-size:13px;font-weight:600;color:#4e5968;margin-bottom:8px}.slide-service-spec .service-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e5e8eb;border:none;border-radius:10px;overflow:hidden}.slide-service-spec .service-spec-item{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f2f4f6}.slide-service-spec .service-spec-label{font-size:11px;font-weight:500;color:#8b95a1;white-space:nowrap}.slide-service-spec .service-spec-label::after{content:''}.slide-service-spec .service-spec-value{font-size:12px;font-weight:600;color:#333d4b}.dynamic-slide-body .dynamic-form{padding:0;padding-bottom:180px}.dynamic-slide-body .dynamic-form .section{background:#ffffff;border:none;border-radius:0;box-shadow:none;margin:0;padding:28px 24px 24px;border-bottom:none}.dynamic-slide-body .dynamic-form .section+.section{margin-top:8px}.dynamic-slide-body .dynamic-form .section:last-of-type{border-bottom:none}.dynamic-slide-body .dynamic-form .section h3{font-size:17px;font-weight:700;color:#191f28;margin-bottom:20px;padding-bottom:0;border-bottom:none;letter-spacing:-0.02em}.dynamic-slide-body .dynamic-form .section .text-muted.mb-3{font-size:13px;color:#8b95a1 !important;margin-bottom:16px !important}.dynamic-slide-body .dynamic-form .input-group{display:flex !important;flex-direction:column !important;gap:8px !important;background:transparent;border:none !important;border-bottom:none !important;border-radius:0 !important;padding:0 !important;margin-bottom:20px !important}.dynamic-slide-body .dynamic-form .input-group.hidden-checkbox-field{display:none !important}.dynamic-slide-body .dynamic-form .input-group:last-child{margin-bottom:0 !important;border-bottom:none}.dynamic-slide-body .dynamic-form .input-group>label{font-size:14px;font-weight:600;color:#333d4b;margin-bottom:0 !important;padding:0 !important;white-space:normal;letter-spacing:-0.01em}.dynamic-slide-body .dynamic-form .input-group>label .text-danger{color:#f04452 !important;font-weight:700}.dynamic-slide-body .dynamic-form .input-group input[type="text"],.dynamic-slide-body .dynamic-form .input-group input[type="number"],.dynamic-slide-body .dynamic-form .input-group input[type="url"],.dynamic-slide-body .dynamic-form .input-group input[type="tel"],.dynamic-slide-body .dynamic-form .input-group input[type="date"],.dynamic-slide-body .dynamic-form .input-group>select{width:100%;height:52px !important;padding:0 16px !important;font-size:16px;font-weight:500;line-height:1.25;color:#191f28;text-align:left;background-color:#f2f4f6 !important;border:2px solid transparent !important;border-radius:12px !important;box-shadow:none !important;transition:background 0.2s ease,border-color 0.2s ease}.dynamic-slide-body .dynamic-form .input-group input[type="text"]:focus,.dynamic-slide-body .dynamic-form .input-group input[type="number"]:focus,.dynamic-slide-body .dynamic-form .input-group input[type="url"]:focus,.dynamic-slide-body .dynamic-form .input-group input[type="tel"]:focus,.dynamic-slide-body .dynamic-form .input-group input[type="date"]:focus,.dynamic-slide-body .dynamic-form .input-group select:focus{background-color:#ffffff !important;border-color:#ce391b !important;box-shadow:none !important;outline:none !important}.dynamic-slide-body .dynamic-form .input-group input::placeholder{color:#8b95a1;font-size:15px;font-weight:400}.dynamic-slide-body .dynamic-form .input-group input.readonly-field,.dynamic-slide-body .dynamic-form .input-group textarea.readonly-field{background:#f8f9fa !important;border:1.5px solid #d1d6db !important;color:#191f28 !important;cursor:default}.dynamic-slide-body .dynamic-form .input-group input.readonly-field::placeholder,.dynamic-slide-body .dynamic-form .input-group textarea.readonly-field::placeholder{color:#b0b8c1;font-style:italic}.dynamic-form .place-auto-hint{margin:4px 0 0;padding:0;font-size:12px;color:#ce391b;cursor:pointer;text-align:right}.dynamic-slide-body .dynamic-form .input-group textarea{border:2px solid transparent !important;background:#f2f4f6 !important;padding:14px 16px !important;font-size:15px;color:#191f28;border-radius:12px !important;width:100%;min-height:110px;transition:background 0.2s ease,border-color 0.2s ease;resize:vertical}.dynamic-slide-body .dynamic-form .input-group input:focus,.dynamic-slide-body .dynamic-form .input-group select:focus{background-color:#ffffff !important;border-color:#ce391b !important;outline:none !important;box-shadow:none !important}.dynamic-slide-body .dynamic-form .input-group textarea:focus{background:#ffffff !important;border-color:#ce391b !important;outline:none !important}.dynamic-slide-body .dynamic-form .input-group select,.dynamic-slide-body .dynamic-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7684' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 16px center !important;background-color:#f2f4f6 !important;padding-right:44px !important}.dynamic-slide-body .dynamic-form .input-group .field-description{width:100%;padding:12px 14px;background:#e8f3ff;border-radius:10px;font-size:13px;color:#4e5968;line-height:1.6;border:none}.dynamic-slide-body .dynamic-form .input-group .field-description p{margin:0}.dynamic-slide-body .dynamic-form .input-group .field-description br{content:"";display:block;margin-top:4px}.dynamic-slide-body .dynamic-form .input-group .field-description .highlight{color:#4e5968;font-weight:600}.dynamic-slide-body .dynamic-form .input-group .field-description:empty,.dynamic-slide-body .dynamic-form .input-group .field-description:has(p:empty),.dynamic-slide-body .dynamic-form .input-group .field-description:has(p:only-child:empty){display:none}.dynamic-slide-body .dynamic-form .input-group small.form-text,.dynamic-slide-body .dynamic-form .input-group>.text-muted{margin:0;padding:0;font-size:12px;color:#8b95a1;line-height:1.5}.dynamic-slide-body .dynamic-form .input-group .url-validation-status{width:100%;margin-top:4px}.dynamic-slide-body .dynamic-form .input-group .checkbox-group,.dynamic-slide-body .dynamic-form .input-group .image-upload-container,.dynamic-slide-body .dynamic-form .input-group .place-lookup-input-wrapper{width:100%}.dynamic-slide-body .dynamic-form .place-lookup-input-wrapper{display:flex;gap:8px}.dynamic-slide-body .dynamic-form .place-lookup-input-wrapper input{flex:1;border:2px solid transparent !important;border-radius:12px !important;padding:14px 16px !important;background:#f2f4f6 !important;font-size:15px}.dynamic-slide-body .dynamic-form .place-lookup-input-wrapper input:focus{background:#ffffff !important;border-color:#ce391b !important}.dynamic-slide-body .dynamic-form .place-lookup-input-wrapper button{flex-shrink:0;border-radius:12px;font-weight:600}.dynamic-slide-body .dynamic-form .image-upload-container{width:100%}.dynamic-slide-body .dynamic-form .image-upload-container .upload-area{width:100%}.dynamic-slide-body .dynamic-form .url-validation-hint{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7684;padding:10px 14px;border-radius:10px;margin-top:6px;background:#e8f3ff;border:none}.dynamic-slide-body .dynamic-form .url-hint-spinner{width:14px;height:14px;border:2px solid #bbd9fc;border-top-color:#ce391b;border-radius:50%;animation:url-hint-spin 1s linear infinite;flex-shrink:0}@keyframes url-hint-spin{to{transform:rotate(360deg)}}.dynamic-slide-body .dynamic-form .checkbox-group{display:flex;flex-direction:column;gap:8px;padding:0;background:transparent;border-radius:0;border:none}.dynamic-slide-body .dynamic-form .checkbox-group .form-check{margin:0;padding:14px 16px;background:#f2f4f6;border-radius:12px;border:2px solid transparent;transition:all 0.15s ease}.dynamic-slide-body .dynamic-form .checkbox-group .form-check:hover{background:#e8f3ff;border-color:transparent}.dynamic-slide-body .dynamic-form .checkbox-group .form-check-with-text{margin:0;padding:0;background:#f2f4f6;border-radius:12px;border:2px solid transparent;overflow:hidden}.dynamic-slide-body .dynamic-form .checkbox-group .form-check-with-text .form-check{border:none;border-radius:0;background:transparent}.dynamic-slide-body .dynamic-form .checkbox-group .form-check-with-text .option-text-input{display:none;width:100%;margin:0;padding:12px 16px;font-size:14px;border:none;border-top:1px solid #e5e8eb;border-radius:0;background:#ffffff}.dynamic-slide-body .dynamic-form .checkbox-group .form-check-with-text .option-text-input:focus{background:#fff;outline:none}.dynamic-slide-body .dynamic-form .input-group>.form-check.form-check{margin:0 !important;margin-left:0 !important;padding:14px 16px !important;padding-left:16px !important;background:#f2f4f6 !important;border:2px solid transparent !important;border-radius:12px !important;display:inline-flex !important;align-items:center !important;gap:10px !important;width:auto !important;min-height:auto !important;transition:all 0.15s ease}.dynamic-slide-body .dynamic-form .input-group>.form-check.form-check:hover{background:#e8f3ff !important;border-color:transparent !important}.dynamic-slide-body .dynamic-form .input-group>.form-check.form-check .form-check-input{width:20px !important;height:20px !important;margin:0 !important;margin-left:0 !important;flex-shrink:0 !important;border-radius:6px !important}.dynamic-slide-body .dynamic-form .input-group>.form-check.form-check .form-check-label{font-size:15px !important;font-weight:500 !important;color:#333d4b !important;cursor:pointer !important;margin:0 !important;padding:0 !important}.dynamic-slide-body .dynamic-form .row{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;align-items:start;background:transparent;border-radius:0;overflow:visible;margin:0}.dynamic-slide-body .dynamic-form .row>.input-group{padding:0 !important;margin-bottom:0 !important;background:transparent !important;border:none !important;border-bottom:none !important;border-radius:0}.dynamic-slide-body .dynamic-form .row>.input-group.full-width,.dynamic-slide-body .dynamic-form .row>.input-group:has(textarea),.dynamic-slide-body .dynamic-form .row>.input-group:has(.checkbox-group),.dynamic-slide-body .dynamic-form .row>.input-group:has(.image-upload-container),.dynamic-slide-body .dynamic-form .row>.input-group:has(.place-lookup-input-wrapper),.dynamic-slide-body .dynamic-form .row>.input-group:has(.url-validation-status),.dynamic-slide-body .dynamic-form .row>.input-group:has(.place-lookup-btn){grid-column:1 / -1}.dynamic-slide-body .dynamic-form .step-progress{position:sticky;top:0;z-index:10;background:#ffffff;padding:16px 24px 14px}.dynamic-slide-body .dynamic-form .step-progress-bar{width:100%;height:4px;background:#e5e8eb;border-radius:4px;overflow:hidden}.dynamic-slide-body .dynamic-form .step-progress-fill{height:100%;background:#ce391b;border-radius:4px;transition:width 0.4s cubic-bezier(0.32,0.72,0,1)}.dynamic-slide-body .dynamic-form .step-progress-text{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.dynamic-slide-body .dynamic-form .step-progress-current{font-size:15px;font-weight:700;color:#191f28;letter-spacing:-0.02em}.dynamic-slide-body .dynamic-form .step-progress-count{font-size:13px;font-weight:600;color:#8b95a1}.dynamic-slide-body .dynamic-form .step-tab-connector{display:none !important}.dynamic-slide-body .dynamic-form .step-card-footer{position:fixed;bottom:0;left:0;right:0;width:100%;margin:0;padding:0;background:#ffffff;border-top:none;box-shadow:0 -1px 0 rgba(0,0,0,0.06);z-index:10}.dynamic-slide-body .dynamic-form .step-card-footer .payment-agreement{padding:14px 24px 0;margin:0;border-radius:0;border:none;background:#ffffff}.dynamic-slide-body .dynamic-form .step-card-footer .payment-agreement .form-check{display:flex;align-items:center;gap:10px;margin:0;padding:0;background:transparent;border:none}.dynamic-slide-body .dynamic-form .step-card-footer .payment-agreement .form-check-input{width:20px;height:20px;border-radius:6px;border:2px solid #d1d6db;flex-shrink:0}.dynamic-slide-body .dynamic-form .step-card-footer .payment-agreement .form-check-input:checked{background-color:#ce391b;border-color:#ce391b}.dynamic-slide-body .dynamic-form .step-card-footer .payment-agreement .form-check-label{font-size:13px;color:#4e5968}.dynamic-slide-body .dynamic-form .step-card-footer .payment-agreement .form-check-label strong{font-weight:600;color:#333d4b}.dynamic-slide-body .dynamic-form .step-card-footer .step-navigation{display:flex;gap:8px;width:100%;padding:12px 24px 12px}.dynamic-slide-body .dynamic-form .step-card-footer .step-prev-btn,.dynamic-slide-body .dynamic-form .step-card-footer .step-close-btn,.dynamic-slide-body .dynamic-form .step-card-footer .step-next-btn,.dynamic-slide-body .dynamic-form .step-card-footer .step-submit-btn{flex:1 1 50% !important;max-width:none !important;justify-content:center;border-radius:14px !important;margin:0;padding:16px !important;font-size:16px;font-weight:700;letter-spacing:-0.01em;transition:all 0.15s ease}.dynamic-slide-body .dynamic-form .step-card-footer .step-prev-btn,.dynamic-slide-body .dynamic-form .step-card-footer .step-close-btn{background:#f2f4f6 !important;border:none !important;color:#4e5968 !important;flex:0 0 auto !important;width:100px !important}.dynamic-slide-body .dynamic-form .step-card-footer .step-prev-btn:hover,.dynamic-slide-body .dynamic-form .step-card-footer .step-close-btn:hover{background:#e5e8eb !important;filter:none !important;transform:none}.dynamic-slide-body .dynamic-form .step-card-footer .step-next-btn{background:#ce391b !important;border:none !important;color:#ffffff !important}.dynamic-slide-body .dynamic-form .step-card-footer .step-next-btn:hover{background:#1b64da !important;filter:none !important;transform:none}.dynamic-slide-body .dynamic-form .step-card-footer .step-submit-btn{background:#ce391b !important;border:none !important;color:#ffffff !important}.dynamic-slide-body .dynamic-form .step-card-footer .step-submit-btn:hover{background:#1b64da !important;filter:none !important;transform:none}.dynamic-slide-body .dynamic-form .agreement-tip{margin-top:8px;padding:0}.dynamic-slide-body .dynamic-form .agreement-tip .tip-badge{background:#ce391b;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-right:6px}.dynamic-slide-body .dynamic-form .payment-agreement .agreement-warnings{margin-top:10px;background:#f2f4f6;border-radius:12px;cursor:pointer;overflow:hidden}.dynamic-slide-body .dynamic-form .payment-agreement .agreement-warnings-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:12px;font-weight:600;color:#4e5968}.dynamic-slide-body .dynamic-form .payment-agreement .agreement-warnings-toggle i{font-size:10px;color:#8b95a1;transition:transform 0.25s ease}.dynamic-slide-body .dynamic-form .payment-agreement .agreement-warnings.expanded .agreement-warnings-toggle i{transform:rotate(180deg)}.dynamic-slide-body .dynamic-form .payment-agreement .agreement-warnings-content{display:none;padding:0 14px 14px;font-size:12px;color:#4e5968;line-height:1.7;max-height:250px;overflow-y:auto}.dynamic-slide-body .dynamic-form .payment-agreement .agreement-warnings.expanded .agreement-warnings-content{display:block}.dynamic-slide-body .dynamic-form .payment-agreement .agreement-warnings-content h5{font-size:12px;font-weight:600;color:#f04452;margin-bottom:8px}.dynamic-slide-body .dynamic-form .payment-agreement .agreement-warnings-content ul{margin:0;padding-left:18px}.dynamic-slide-body .dynamic-form .payment-agreement .agreement-warnings-content li{margin-bottom:6px}@media (max-width:768px){.dynamic-slide-panel{width:100%;min-width:0}.dynamic-slide-header{height:52px;padding:0 4px}.dynamic-slide-header h3{font-size:16px}.dynamic-slide-body .dynamic-form .row{grid-template-columns:1fr;gap:16px}.dynamic-slide-body .dynamic-form .row>.input-group{padding:0 !important;margin-bottom:0 !important;background:transparent !important}.dynamic-slide-body .dynamic-form .step-card-footer .step-prev-btn,.dynamic-slide-body .dynamic-form .step-card-footer .step-close-btn,.dynamic-slide-body .dynamic-form .step-card-footer .step-next-btn,.dynamic-slide-body .dynamic-form .step-card-footer .step-submit-btn{padding:15px !important;font-size:15px}.dynamic-order-start-btn{padding:14px 20px;font-size:15px}.slide-platform-header .snssupporter-platform-header{padding:8px 0;gap:4px}.slide-platform-header .snssupporter-platform-header .platform-name{font-size:12px}.slide-platform-header .snssupporter-platform-header .category-name-wrap{font-size:12px}.slide-platform-header .snssupporter-platform-header .header-description-row{font-size:11px;padding:5px 8px}}@media (max-width:480px){.dynamic-slide-header{height:48px;padding:0 2px}.dynamic-slide-header h3{font-size:15px}.dynamic-slide-back{width:40px;height:40px}.slide-service-info{padding:16px 20px}.dynamic-slide-body .dynamic-form .section{padding:24px 20px 20px}.dynamic-slide-body .dynamic-form .section h3{font-size:16px;margin-bottom:16px}.dynamic-slide-body .dynamic-form .input-group{margin-bottom:16px !important}.dynamic-slide-body .dynamic-form .step-card-footer .step-navigation{padding:10px 16px 10px}.dynamic-order-start-btn{padding:14px 16px;font-size:14px;border-radius:14px}}body.slide-panel-open{overflow:hidden}.dynamic-form .highlight-wrapper{position:relative;display:block;padding:3px;border-radius:12px;background:linear-gradient(90deg,#00d4ff,#0099ff,#ff4620,#0033cc,#6600ff,#9933ff,#00d4ff);background-size:300% 100%;animation:highlight-rotate 2s linear infinite}.dynamic-form .highlight-wrapper>input,.dynamic-form .highlight-wrapper>textarea,.dynamic-form .highlight-wrapper>select{border:none !important;border-radius:9px !important;width:100% !important;background:#fff !important}@keyframes highlight-rotate{0%{background-position:0% 50%}100%{background-position:300% 50%}}.live-total-calculator{background:#f2f4f6;border:none;border-radius:16px;padding:20px;margin-bottom:20px}.live-total-header{display:inline-block;background:transparent;color:#8b95a1;font-size:13px;font-weight:600;padding:0;border-radius:0;margin-bottom:6px}.live-total-value{font-size:32px;font-weight:800;color:#191f28;margin-bottom:16px;font-family:'Pretendard',-apple-system,sans-serif;letter-spacing:-0.02em}.live-total-breakdown{border-top:1px solid #e5e8eb;padding-top:14px}.live-total-breakdown .breakdown-item{display:flex;align-items:center;font-size:14px;color:#4e5968;padding:6px 0;border-bottom:none}.live-total-breakdown .breakdown-item:last-child{border-bottom:none}.live-total-breakdown .breakdown-divider{height:1px;background:#e5e8eb;margin:8px 0}.live-total-breakdown .breakdown-section-title{font-weight:700;font-size:13px;color:#ce391b;margin-bottom:4px;padding-left:0}.live-total-breakdown .breakdown-section-title::before{display:none}.live-total-breakdown .breakdown-total{font-weight:700;color:#191f28}.breakdown-receipt{font-family:'Pretendard',-apple-system,sans-serif;font-size:13px}.breakdown-receipt .receipt-section{padding:8px 0}.breakdown-receipt .receipt-title{font-weight:700;font-size:13px;color:#ce391b;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e5e8eb}.breakdown-receipt .receipt-row{display:flex;justify-content:space-between;padding:4px 0;color:#4e5968}.breakdown-receipt .receipt-row span:first-child{color:#8b95a1}.breakdown-receipt .receipt-row span:last-child{font-weight:600;color:#333d4b}.breakdown-receipt .receipt-subtotal{margin-top:8px;padding-top:8px;border-top:1px solid #e5e8eb;font-weight:700}.breakdown-receipt .receipt-subtotal span:last-child{color:#ce391b;font-weight:800}.breakdown-receipt .receipt-divider{height:1px;background:#e5e8eb;margin:6px 0}.live-total-breakdown .breakdown-item::before{content:'';width:4px;height:4px;background:#8b95a1;border-radius:50%;margin-right:10px;flex-shrink:0}.place-detail-card{margin-top:12px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.place-detail-header{display:flex;gap:14px;align-items:flex-start}.place-detail-image{width:80px;height:80px;object-fit:cover;border-radius:10px;flex-shrink:0}.place-detail-image-placeholder{width:80px;height:80px;background:#e2e8f0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0}.place-detail-info{flex:1;min-width:0}.place-detail-name{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.place-detail-category{font-size:13px;color:#64748b;margin-bottom:6px}.place-detail-review{display:flex;align-items:center;gap:4px;font-size:13px}.place-detail-review .review-star{color:#f59e0b}.place-detail-review .review-score{font-weight:600;color:#1e293b}.place-detail-review .review-count{color:#94a3b8}.place-detail-meta{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px}.place-detail-meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}.place-detail-meta-item svg{color:#94a3b8;flex-shrink:0}.place-detail-keywords{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.place-detail-keywords-label{font-size:11px;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px}.place-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.place-detail-tag{padding:4px 10px;background:#e0f2fe;color:#0369a1;font-size:12px;border-radius:100px;white-space:nowrap}.dynamic-slide-body .place-detail-card{grid-column:1 / -1}@media (max-width:480px){.place-detail-image,.place-detail-image-placeholder{width:64px;height:64px}.place-detail-name{font-size:15px}.place-detail-category,.place-detail-review,.place-detail-meta-item{font-size:12px}}.preset-bar{padding:0 4px 12px}.preset-bar-inner{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.preset-select{flex:1;min-width:0;height:36px !important;padding:0 28px 0 10px !important;border:1px solid #cbd5e1 !important;border-radius:6px !important;font-size:12px !important;line-height:34px !important;color:#334155;background-color:#fff !important;background-image:linear-gradient(45deg,transparent 50%,#94a3b8 50%),linear-gradient(135deg,#94a3b8 50%,transparent 50%) !important;background-position:calc(100% - 14px) calc(50%+1px),calc(100% - 10px) calc(50%+1px) !important;background-size:4px 4px,4px 4px !important;background-repeat:no-repeat !important;box-shadow:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;cursor:pointer}.preset-select:focus{outline:none;border-color:#ff4620 !important}.preset-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:34px;padding:0 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#64748b;font-size:11px;white-space:nowrap;cursor:pointer;transition:all 0.15s;flex-shrink:0}.preset-btn i{font-size:12px}.preset-btn.preset-delete-btn{width:34px;padding:0}.preset-btn:hover:not(:disabled){background:#f1f5f9;color:#334155;border-color:#94a3b8}.preset-btn:disabled{opacity:0.4;cursor:not-allowed}.preset-save-btn{color:#ff4620;border-color:#bfdbfe}.preset-save-btn:hover{background:#fff0ec;color:#2563eb;border-color:#93c5fd}.preset-delete-btn:hover:not(:disabled){color:#ef4444;border-color:#fca5a5;background:#fef2f2}.preset-save-dialog{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.preset-save-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.4)}.preset-save-content{position:relative;width:320px;max-width:90vw;padding:20px;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.15)}.preset-save-title{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:14px}.preset-save-input{width:100%;height:38px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;color:#334155;box-sizing:border-box;transition:border-color 0.15s}.preset-save-input:focus{outline:none;border-color:#ff4620}.preset-save-overwrite{margin-top:12px;font-size:12px;color:#64748b}.preset-save-overwrite label{display:flex;align-items:center;gap:6px;cursor:pointer;margin-bottom:6px}.preset-save-overwrite select{width:100%;height:32px;padding:0 8px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;color:#334155;background:#fff}.preset-save-overwrite select:disabled{opacity:0.5}.preset-save-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.preset-save-cancel,.preset-save-confirm{height:34px;padding:0 16px;border:none;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;transition:background 0.15s}.preset-save-cancel{background:#f1f5f9;color:#64748b}.preset-save-cancel:hover{background:#e2e8f0}.preset-save-confirm{background:#ff4620;color:#fff}.preset-save-confirm:hover{background:#2563eb}.preset-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(10px);padding:10px 20px;background:#1e293b;color:#fff;border-radius:8px;font-size:13px;z-index:10001;opacity:0;transition:opacity 0.3s,transform 0.3s;pointer-events:none}.preset-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.guide-item{max-width:100%;overflow:hidden;box-sizing:border-box;min-width:0}.order-content-secondary{min-width:0 !important;overflow:hidden !important;max-width:100% !important}.scroll-wrapper{max-width:100% !important;overflow-x:hidden !important}.horizontal-scroll-container{max-width:100% !important}.guide-scroll-section{width:100%;position:relative;padding:10px 0}.scroll-wrapper{position:relative;width:100%;max-width:100%;overflow:visible;padding:0 30px;box-sizing:border-box}.horizontal-scroll-container{display:flex;overflow-x:auto;gap:16px;padding:10px 4px 30px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%}.horizontal-scroll-container::-webkit-scrollbar{height:6px}.horizontal-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.horizontal-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.horizontal-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333;transition:all 0.2s}.scroll-arrow:hover{background:#f8f9fa;color:#ce391b}.scroll-arrow.prev{left:0}.scroll-arrow.next{right:0}@media screen and (max-width:768px){.scroll-arrow{display:none}.scroll-wrapper{padding:0}}.guide-card{flex:0 0 260px;min-width:260px;background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;scroll-snap-align:start;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;position:relative}.guide-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px -5px rgba(0,0,0,0.1);border-color:#cbd5e1;z-index:1}.guide-card h4{font-size:16px;font-weight:700;margin:12px 0 8px;color:#1e293b;line-height:1.4;letter-spacing:-0.01em}.guide-card p{font-size:13px;color:#64748b;line-height:1.5;margin-bottom:16px;word-break:keep-all}.card-header-badge{align-self:flex-start;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.card-header-badge.step{background:#fff0ec;color:#ff4620}.card-header-badge.insta{background:#fdf2f8;color:#db2777}.card-header-badge.youtube{background:#fef2f2;color:#dc2626}.card-header-badge.facebook{background:#fff0ec;color:#1877f2}.card-header-badge.warning{background:#fef3c7;color:#d97706}.guide-tabs-container{width:100%;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.guide-tabs-container::-webkit-scrollbar{display:none}.guide-tabs{display:flex;gap:8px;padding:0 4px}.guide-tab-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:100px;font-size:14px;font-weight:600;color:#495057;white-space:nowrap;cursor:pointer;transition:all 0.2s ease}.guide-tab-btn img{width:20px;height:20px;object-fit:contain}.guide-tab-btn:hover{background:#e9ecef}.guide-tab-btn.active{background:#dc3c1a;color:#ffffff;border-color:#dc3c1a;box-shadow:0 2px 6px rgba(24,91,220,0.2)}.text-primary{color:#dc3c1a !important;font-weight:700}.image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn 0.2s ease;cursor:zoom-out}.image-lightbox img{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,0.5);cursor:default;animation:zoomIn 0.2s ease}.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.lightbox-close:hover{background:rgba(255,255,255,0.2);transform:rotate(90deg)}@keyframes zoomIn{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}.guide-card figure{position:relative;margin:0;margin-top:auto;width:100%;height:160px;background:#f8fafc;border-radius:8px;padding:8px;border:1px solid #f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.guide-card img{width:100%;height:100%;object-fit:contain;cursor:zoom-in;transition:transform 0.2s ease,box-shadow 0.2s ease}.guide-card figure:hover img{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.guide-card .zoom-hint{position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.7);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:1;transition:all 0.3s ease;pointer-events:none;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.guide-card figure:hover .zoom-hint{background:rgba(24,91,220,0.9);transform:scale(1.15);box-shadow:0 4px 12px rgba(24,91,220,0.4);animation:pulse-zoom 1.5s ease-in-out infinite}@keyframes pulse-zoom{0%,100%{transform:scale(1.15)}50%{transform:scale(1.25)}}.guide-card.no-image{justify-content:flex-start}.guide-card.no-image p{margin-bottom:0;flex-grow:1}.guide-tabs-wrapper{position:relative;padding:0 36px}.tabs-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,0.08);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666;transition:all 0.2s}.tabs-arrow:hover{background:#f8f9fa;color:#dc3c1a;border-color:#dc3c1a}.tabs-arrow.prev{left:0}.tabs-arrow.next{right:0}.guide-tabs-grid{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 20px) / 3);gap:10px;padding:4px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none}.guide-tabs-grid::-webkit-scrollbar{display:none}.guide-tabs-grid .guide-tab-btn{justify-content:flex-start;padding:12px 14px;font-size:13px;border-radius:10px;white-space:normal;text-align:left;line-height:1.4;min-height:56px;align-items:center;scroll-snap-align:start}.guide-tabs-grid .guide-tab-btn img{flex-shrink:0}@media screen and (max-width:768px){.guide-tabs-wrapper{padding:0 32px}.tabs-arrow{width:28px;height:28px;font-size:12px}.guide-tabs-grid{grid-auto-columns:calc((100% - 8px) / 2);gap:8px}.guide-tabs-grid .guide-tab-btn{padding:10px 12px;font-size:11px;min-height:52px}}@media screen and (max-width:400px){.guide-tabs-grid .guide-tab-btn{padding:8px 10px;font-size:10px;min-height:48px}}@media screen and (max-width:480px){.horizontal-scroll-container{padding-right:20px;gap:12px}.guide-card{flex:0 0 85%;scroll-snap-align:center;padding:16px;min-width:auto}.guide-card h4{font-size:15px}}.preview-slider-container{border:none;padding:0;margin:0;box-shadow:none}.preview-ref-notice{display:inline-flex;align-items:center;gap:6px;margin:0 auto 12px;padding:6px 12px;font-size:12px;font-weight:600;color:#ce391b;letter-spacing:-0.02em;background:#f2f6ff;border:none;border-radius:20px;cursor:pointer;transition:background 0.15s ease}.preview-ref-notice:active{background:#e5edff}.preview-ref-text{min-width:0}.preview-ref-title{display:block}.preview-ref-date{display:block;font-size:10px;font-weight:500;color:#8ba6d9;margin-top:1px}.preview-ref-arrow{color:#ce391b;flex-shrink:0}.preview-ref-dot{width:6px;height:6px;border-radius:50%;background:#ce391b;animation:refDotBlink 1.5s ease-in-out infinite;flex-shrink:0}@keyframes refDotBlink{0%,100%{opacity:1}50%{opacity:0.3}}.preview-slider-container{display:flex;flex-direction:column;background:linear-gradient(165deg,#e6f0ff 0%,#edf6ff 50%,#e8f8f5 100%);border-radius:16px}.preview-snap-section--hero{padding:32px 20px 28px}.preview-hero{text-align:center;padding:0 0 20px}.preview-hero-glass{background:rgba(255,255,255,0.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.8);border-radius:14px;padding:28px 20px}.preview-hero-title{font-size:22px;font-weight:700;color:#191f28;line-height:1.45;letter-spacing:-0.5px;margin:0 0 12px}.preview-hero-sub{font-size:14px;font-weight:400;color:#6b7684;line-height:1.65;letter-spacing:-0.15px;margin:0 0 8px}.preview-hero-search{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 8px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;color:#191f28;vertical-align:baseline;overflow:hidden}.preview-hero-search svg{color:#8b95a1;flex-shrink:0}.preview-hero-search--typing .preview-hero-search-text{display:inline-block;overflow:hidden;white-space:nowrap;border-right:1.5px solid #191f28;animation:preview-typing 1.8s steps(2) infinite,preview-cursor-blink 0.5s step-end infinite;width:2em}@keyframes preview-typing{0%,10%{width:0}30%,70%{width:2em}90%,100%{width:0}}@keyframes preview-cursor-blink{0%,100%{border-color:#191f28}50%{border-color:transparent}}.preview-hero-search--click svg{animation:preview-click-bounce 1.2s ease-in-out infinite}@keyframes preview-click-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.preview-hero-rank-up{display:inline;position:relative;white-space:nowrap}.preview-hero-rank-text{color:#03C75A;font-weight:600;background:linear-gradient(transparent 60%,rgba(3,199,90,0.15) 60%);background-size:0% 100%;background-repeat:no-repeat;animation:preview-underline-draw 0.6s ease-out 0.8s both}@keyframes preview-underline-draw{to{background-size:100% 100%}}.preview-hero-rank-arrow{display:inline-block;color:#03C75A;font-weight:700;font-size:16px;margin-left:2px;animation:preview-arrow-bounce 1s ease-in-out 1.2s infinite}@keyframes preview-arrow-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.preview-hero-define{font-size:13px;font-weight:400;color:#6b7684;margin:0;letter-spacing:-0.15px}.preview-hero-define strong{font-weight:700;color:#191f28}.preview-hero-divider{width:32px;height:1px;background:#e5e8eb;margin:20px auto}.preview-hero-warn{text-align:center;margin:0 0 20px}.preview-hero-warn p{font-size:13px;font-weight:500;color:#6b7684;line-height:1.6;margin:0 0 6px;letter-spacing:-0.15px}.preview-hero-fail{display:inline-block;font-size:16px;font-weight:700;color:#dc2626;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#dc2626;letter-spacing:-0.3px}.preview-hero-solve{font-size:16px;font-weight:700;color:#191f28;margin:0;letter-spacing:-0.3px}.preview-hero-anim{opacity:0;transform:translateY(10px);animation:preview-hero-fadein 0.5s ease-out both}@keyframes preview-hero-fadein{to{opacity:1;transform:translateY(0)}}.preview-value-card{background:rgba(255,255,255,0.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.5);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,0.04);padding:18px 20px;display:flex;flex-direction:column;gap:14px}.preview-value-item{display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(8px);animation:preview-value-in 0.4s ease-out both}@keyframes preview-value-in{to{opacity:1;transform:translateY(0)}}.preview-value-check{flex-shrink:0}.preview-value-text{font-size:14px;font-weight:600;color:#1a2036;letter-spacing:-0.2px}.preview-process{padding:32px 20px 28px}.preview-process .preview-app-slider{margin:0 auto 20px;max-width:70%}.preview-process .preview-app-icon{width:28px;height:28px;border-radius:7px}.preview-process .preview-app-track{gap:8px}.preview-process-title{font-size:20px;font-weight:800;color:#191f28;letter-spacing:-0.5px;margin:0 0 8px;text-align:center}.preview-process-sub{font-size:13px;font-weight:400;color:#8b95a1;line-height:1.6;letter-spacing:-0.15px;text-align:center;margin:0 0 24px}.preview-process-timeline{position:relative;display:flex;flex-direction:column;gap:0;margin-bottom:24px}.preview-process-timeline::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#e5e8eb}.preview-process-step{display:flex;align-items:flex-start;gap:14px;padding:10px 0;position:relative}.preview-process-dot{flex-shrink:0;width:16px;height:16px;border-radius:50%;background:#191f28;position:relative;z-index:1;box-shadow:0 0 0 3px #fff}.preview-process-dot--blue{background:#ce391b}.preview-process-dot--green{background:#03C75A}.preview-process-dot--purple{background:#8B5CF6}.preview-process-content strong{display:block;font-size:14px;font-weight:700;color:#191f28;letter-spacing:-0.2px;margin-bottom:2px}.preview-process-content p{font-size:12.5px;color:#6b7684;line-height:1.5;margin:0;letter-spacing:-0.1px}.preview-link-mockup{background:rgba(255,255,255,0.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.5);border-radius:14px;padding:14px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.preview-link-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #eef0f3}.preview-link-dot-live{width:8px;height:8px;border-radius:50%;background:#03C75A;animation:refDotBlink 1.2s ease-in-out infinite}.preview-link-label{font-size:13px;font-weight:700;color:#191f28;letter-spacing:-0.2px}.preview-link-suggest{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;margin-bottom:8px}.preview-link-suggest:last-of-type{margin-bottom:0}.preview-link-suggest--free{background:rgba(3,199,90,0.06);border:1px solid rgba(3,199,90,0.15)}.preview-link-suggest--paid{background:rgba(49,130,246,0.05);border:1px solid rgba(49,130,246,0.12)}.preview-link-badge{flex-shrink:0;font-size:10px;font-weight:700;padding:3px 7px;border-radius:4px;letter-spacing:-0.1px}.preview-link-badge--free{background:#03C75A;color:#fff}.preview-link-badge--paid{background:#ce391b;color:#fff}.preview-link-text{flex:1;font-size:12.5px;font-weight:600;color:#333d4b;letter-spacing:-0.1px}.preview-link-quote{flex-shrink:0;font-size:11px;font-weight:600;color:#ce391b;text-decoration:underline;text-underline-offset:2px}.preview-process-sub--bottom{margin-top:16px;margin-bottom:4px}.preview-feature-slider{overflow:hidden;margin-bottom:16px}.preview-feature-track{display:flex;gap:8px;width:max-content;animation:featureScroll 20s linear infinite}.preview-feature-badge{flex-shrink:0;padding:5px 12px;font-size:11.5px;font-weight:600;color:#ce391b;background:#f0f4ff;border-radius:16px;white-space:nowrap;letter-spacing:-0.2px}@keyframes featureScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.preview-process-note{font-size:13px;font-weight:600;color:#ce391b;text-align:center;letter-spacing:-0.2px;margin:0;line-height:1.5}.preview-selection{display:flex;flex-direction:column;gap:20px}.preview-sel-group{background:#f8fafc;border:1px solid #eef1f5;border-radius:14px;padding:16px}.preview-sel-label{display:block;font-size:12px;font-weight:700;color:#8b95a1;margin-bottom:10px;letter-spacing:-0.1px}.preview-sel-pool{display:flex;flex-wrap:wrap;gap:6px}.preview-sel-chip{display:inline-block;padding:5px 10px;border-radius:8px;font-size:11.5px;font-weight:600;color:#6b7684;background:#f2f4f6;border:1px solid transparent;transition:all 0.4s ease;letter-spacing:-0.1px}.preview-sel-chip.selected{color:#03C75A;background:rgba(3,199,90,0.08);border-color:rgba(3,199,90,0.3);transform:scale(1.08);font-weight:700;box-shadow:0 0 8px rgba(3,199,90,0.15)}.preview-sel-chip.rejected{color:#ef4444;background:rgba(239,68,68,0.06);border-color:rgba(239,68,68,0.25);transform:scale(1.08);font-weight:700;box-shadow:0 0 8px rgba(239,68,68,0.12)}.preview-sel-results{display:flex;gap:10px;margin-top:16px}.preview-sel-result{flex:1;display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:10px;border:1px solid transparent;opacity:0;transform:translateY(8px);transition:opacity 0.4s ease,transform 0.4s ease}.preview-sel-result.visible{opacity:1;transform:translateY(0)}.preview-sel-result--up{background:rgba(3,199,90,0.06);border-color:rgba(3,199,90,0.15)}.preview-sel-result--down{background:rgba(239,68,68,0.04);border-color:rgba(239,68,68,0.12)}.preview-sel-result-label{font-size:10px;font-weight:700;letter-spacing:-0.1px;flex-shrink:0}.preview-sel-result--up .preview-sel-result-label{color:#03C75A}.preview-sel-result--down .preview-sel-result-label{color:#ef4444}.preview-sel-result-rank{font-size:12px;font-weight:700;color:#333d4b;letter-spacing:-0.2px;flex:1}.preview-sel-result-tag{flex-shrink:0;font-size:10px;font-weight:700;padding:3px 7px;border-radius:4px}.preview-sel-result-tag--up{color:#fff;background:#03C75A}.preview-sel-result-tag--down{color:#fff;background:#ef4444}@media (max-width:480px){.preview-sel-group{padding:12px}.preview-sel-chip{padding:4px 8px;font-size:10.5px}.preview-sel-result{padding:10px 10px;gap:6px}.preview-sel-result-rank{font-size:11px}}.preview-feed-mockup{background:rgba(255,255,255,0.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.5);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.04);margin-bottom:16px}.preview-feed-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,0.05)}.preview-feed-title{font-size:13px;font-weight:700;color:#191f28;flex:1}.preview-feed-badge{font-size:10px;font-weight:600;color:#ce391b;background:rgba(49,130,246,0.08);padding:3px 8px;border-radius:4px}.preview-feed-body{height:300px;overflow-y:auto;padding:8px 0;scrollbar-width:none}.preview-feed-body::-webkit-scrollbar{display:none}.preview-feed-item{display:none;align-items:center;gap:8px;padding:8px 14px;opacity:0;transform:translateY(8px);transition:opacity 0.3s ease,transform 0.3s ease}.preview-feed-item.visible{display:flex;opacity:1;transform:translateY(0)}.preview-feed-date{flex-shrink:0;font-size:10px;font-weight:500;color:#8b95a1;width:30px;letter-spacing:-0.2px}.preview-feed-rank{flex-shrink:0;font-size:14px;font-weight:800;color:#8b95a1;width:36px;text-align:right;letter-spacing:-0.3px}.preview-feed-rank--up{color:#ce391b}.preview-feed-rank--top{color:#03C75A;font-size:16px}.preview-feed-msg{font-size:12px;color:#6b7684;letter-spacing:-0.1px;flex:1}.preview-feed-msg--top{color:#03C75A;font-weight:700}.preview-feed-stall{flex-shrink:0;font-size:10px;font-weight:600;color:#f59e0b;background:rgba(245,158,11,0.08);padding:2px 6px;border-radius:4px}.preview-feed-stall--warn{color:#ef4444;background:rgba(239,68,68,0.08)}.preview-feed-resume{flex-shrink:0;font-size:10px;font-weight:600;color:#ce391b;background:rgba(49,130,246,0.08);padding:2px 6px;border-radius:4px}.preview-feed-item--manager{background:rgba(49,130,246,0.04);border-radius:10px;margin:4px 10px;padding:10px 12px;flex-wrap:wrap;gap:4px 8px}.preview-feed-manager-badge{font-size:10px;font-weight:700;color:#fff;background:#ce391b;padding:2px 7px;border-radius:4px}.preview-feed-manager-msg{font-size:12px;color:#333d4b;line-height:1.5;letter-spacing:-0.1px;width:100%}.preview-feed-item--suggest{background:rgba(49,130,246,0.05);border:1px solid rgba(49,130,246,0.12);border-radius:10px;margin:4px 10px;padding:10px 12px;flex-wrap:wrap;gap:4px 8px}.preview-feed-suggest-badge{font-size:10px;font-weight:700;color:#fff;background:#ce391b;padding:2px 7px;border-radius:4px}.preview-feed-suggest-msg{font-size:12px;font-weight:600;color:#333d4b;flex:1;letter-spacing:-0.1px}.preview-feed-suggest-link{font-size:11px;font-weight:600;color:#ce391b;text-decoration:underline;text-underline-offset:2px}.preview-feed-item--free{background:rgba(3,199,90,0.05);border-color:rgba(3,199,90,0.12)}.preview-feed-suggest-badge--free{background:#03C75A}.preview-feed-suggest-link--free{color:#03C75A}.preview-feed-item--top{background:rgba(3,199,90,0.06);border-radius:10px;margin:4px 10px;padding:10px 12px}.preview-cta{padding:32px 20px 28px;text-align:center}.preview-cta-title{font-size:22px;font-weight:700;color:#191f28;letter-spacing:-0.5px;margin:0 0 28px}.preview-cta-highlight{color:#ce391b;position:relative}.preview-cta-highlight::after{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:#ce391b;border-radius:2px;opacity:0.3}.preview-cta-number{font-size:40px;font-weight:900;color:#ce391b;letter-spacing:-1px;margin-bottom:12px}.preview-cta-inputs{display:flex;justify-content:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.preview-cta-inputs .preview-hero-search{font-size:13px}.preview-cta-inputs .preview-hero-search--typing .preview-hero-search-text{animation:preview-typing-long 2.2s steps(6) infinite,preview-cursor-blink 0.5s step-end infinite;width:6em}@keyframes preview-typing-long{0%,10%{width:0}30%,70%{width:6em}90%,100%{width:0}}.preview-cta-desc{font-size:14px;font-weight:400;color:#6b7684;line-height:1.65;letter-spacing:-0.15px;margin:0 0 8px}.preview-cta-desc strong{font-weight:700;color:#191f28}.preview-cta-inline{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:-0.1px;vertical-align:baseline}.preview-cta-inline--settings{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.preview-cta-inline--order{background:#2563eb;color:#fff}.preview-cta-result{font-size:15px;font-weight:600;color:#03C75A;margin:0 0 8px;letter-spacing:-0.2px}.preview-cta-result strong{font-weight:800}.preview-cta-trust{font-size:16px;font-weight:700;color:#191f28;margin:0 0 24px;letter-spacing:-0.3px}.preview-cta-steps{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:24px}.preview-cta-step{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f8fafc;border:1px solid #eef1f5;border-radius:12px;width:100%;box-sizing:border-box}.preview-cta-num{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ce391b;color:#fff;font-size:13px;font-weight:700}.preview-cta-num--green{background:#03C75A}.preview-cta-text{font-size:14px;font-weight:400;color:#333d4b;letter-spacing:-0.2px;text-align:left}.preview-cta-text strong{font-weight:700;color:#191f28}.preview-cta-arrow{padding:6px 0;animation:preview-cta-arrow-pulse 1.5s ease-in-out infinite}@keyframes preview-cta-arrow-pulse{0%,100%{opacity:0.4;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}.preview-cta-sub{font-size:13px;font-weight:500;color:#8b95a1;margin:0 0 24px;letter-spacing:-0.15px}.preview-cta-bottom{display:inline-flex;flex-direction:column;align-items:center;gap:4px;color:#ce391b;font-size:13px;font-weight:600;letter-spacing:-0.2px;animation:preview-cta-bounce 2s ease-in-out infinite}.preview-cta-bottom svg{animation:preview-cta-chevron 1s ease-in-out infinite}@keyframes preview-cta-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes preview-cta-chevron{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@media (max-width:480px){.preview-cta{padding:28px 16px 24px}.preview-cta-title{font-size:19px}.preview-cta-step{padding:12px 16px;gap:10px}.preview-cta-text{font-size:13px}.preview-cta-num{width:24px;height:24px;font-size:12px}}@media (max-width:480px){.preview-process{padding:24px 16px}.preview-process-title{font-size:18px;margin-bottom:20px}.preview-process-content strong{font-size:13px}.preview-process-content p{font-size:11.5px}.preview-link-suggest{padding:8px 10px;gap:6px}.preview-link-text{font-size:11.5px}.preview-link-quote{font-size:10px}}.preview-main-view{position:relative;overflow:hidden;transition:height 0.3s ease}.preview-snap-section{width:100%;box-sizing:border-box;opacity:0;position:absolute;top:0;left:0;pointer-events:none;transition:opacity 0.35s ease,transform 0.35s ease}.preview-snap-section.active{opacity:1;position:relative;pointer-events:auto;transform:translateX(0)}.preview-snap-section.slide-left{transform:translateX(-40px)}.preview-snap-section.slide-right{transform:translateX(40px)}.preview-snap-section .preview-card-grid{margin-bottom:0;padding:20px 20px 0}.preview-snap-section .preview-intro-section{margin:0 20px}.preview-scroll-hint{display:flex;align-items:center;justify-content:center;gap:6px;padding:20px 0 0;animation:scroll-hint-sway 2s ease-in-out infinite;transition:opacity 0.3s}.preview-scroll-hint.hidden{opacity:0;pointer-events:none}.preview-scroll-hint-text{font-size:12px;font-weight:500;color:#8b95a1;letter-spacing:-0.2px}.preview-scroll-hint svg{color:#8b95a1}@keyframes scroll-hint-sway{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}.preview-snap-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px}.preview-snap-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #e5e8eb;background:#fff;color:#6b7684;cursor:pointer;transition:all 0.15s ease;flex-shrink:0}.preview-snap-arrow:hover{border-color:#ce391b;color:#ce391b;background:rgba(49,130,246,0.04)}.preview-snap-arrow:active{transform:scale(0.93)}.preview-snap-dots{display:flex;flex:1;gap:4px}.preview-snap-dot{flex:1;height:3px;border-radius:2px;border:none;padding:0;background:rgba(0,0,0,0.08);cursor:pointer;transition:background 0.25s ease}.preview-snap-dot.active{background:#ce391b}.preview-header{text-align:center;margin-bottom:32px}.preview-slider-badge{display:inline-block;background:#03C75A;color:white;font-size:11px;font-weight:600;padding:5px 14px;border-radius:20px;margin-bottom:16px;letter-spacing:0.3px}.preview-main-title{font-size:22px;font-weight:700;color:#191f28;margin:0;line-height:1.45;letter-spacing:-0.4px}.preview-section-header{border-left:3px solid #ce391b;padding:2px 0 2px 12px;margin-bottom:14px}.preview-section-header .preview-intro-desc{margin-bottom:2px}.preview-section-header .preview-intro-sub{margin-bottom:0}.preview-section-header .preview-card-title{text-align:left;margin:0}.preview-section-header .preview-card-desc{text-align:left;margin:2px 0 0;font-size:11.5px;color:#6b7684}.preview-intro-section{padding:20px;background:#f8fafb;border:1px solid #e5e8eb;border-radius:14px;margin-bottom:20px}.preview-intro-desc{font-size:14px;font-weight:700;color:#191f28;line-height:1.6;margin:0 0 4px;text-align:left;letter-spacing:-0.3px}.preview-intro-sub{font-size:12px;color:#6b7684;line-height:1.65;margin:0 0 14px;text-align:left;letter-spacing:-0.1px}.preview-intro-sub strong{color:#ce391b;font-weight:700}.preview-intro-note{font-size:11px;color:#8b95a1;margin:6px 0 0;text-align:center;letter-spacing:-0.1px;line-height:1.5}.preview-intro-timeline{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.preview-intro-timeline-line{position:absolute;left:50%;transform:translateX(-50%);top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,#60a5fa 0%,#e5e8eb 30%,#e5e8eb 100%);background-size:2px 40px;border-radius:1px;animation:flowDown 2s ease-in-out infinite}.preview-intro-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding-bottom:24px}.preview-intro-step:last-child{padding-bottom:0}.preview-intro-step-dot{flex-shrink:0;width:12px;height:12px;border-radius:50%;background:#191f28;margin-bottom:10px;position:relative;z-index:1;box-shadow:0 0 0 3px #f8fafb}.preview-intro-step-dot--blue{background:#ce391b}.preview-intro-step-dot--green{background:#03C75A}.preview-intro-step-dot--orange{background:#FF8C00}.preview-intro-step-content{flex:1;min-width:0;position:relative;z-index:1;background:#f8fafb;padding:0 12px}.preview-intro-step-label{display:inline-block;font-size:11px;font-weight:700;color:#191f28;margin-bottom:4px;letter-spacing:-0.1px}.preview-intro-step-desc{font-size:12px;color:#6b7684;line-height:1.6;margin:0;letter-spacing:-0.1px}.preview-intro-step-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.preview-intro-step-tags span{display:inline-block;padding:4px 10px;background:#fff;border:1px solid #e5e8eb;border-radius:6px;font-size:11px;font-weight:600;color:#333d4b;letter-spacing:-0.1px}@keyframes flowDown{0%{background-position:0 -20px}100%{background-position:0 20px}}@keyframes flowRight{0%{background-position:-100% 0}100%{background-position:100% 0}}.preview-intro-branch{margin-top:4px;position:relative}.preview-intro-branch::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:16px;background:linear-gradient(180deg,#60a5fa 0%,#e5e8eb 40%,#e5e8eb 100%);background-size:2px 20px;animation:flowDown 1.8s ease-in-out infinite}.preview-intro-branch-header{text-align:center;margin-bottom:0;padding-top:16px;position:relative}.preview-intro-branch-label{display:inline-block;font-size:10px;font-weight:700;color:#8b95a1;padding:3px 10px;background:#f2f4f6;border-radius:20px;letter-spacing:-0.1px;position:relative;z-index:1}.preview-intro-branch-lines{position:relative;height:20px}.preview-intro-branch-lines::before{content:'';position:absolute;top:0;left:calc(25% - 1px);right:calc(25% - 1px);height:2px;background:linear-gradient(90deg,#22c55e,#e5e8eb 30%,#e5e8eb 70%,#f97316);background-size:200% 2px;animation:flowRight 2.4s ease-in-out infinite}.preview-intro-branch-lines::after{content:'';position:absolute;top:0;left:calc(25% - 1px);width:2px;height:100%;background:linear-gradient(180deg,#22c55e 0%,#e5e8eb 40%,#e5e8eb 100%);background-size:2px 20px;animation:flowDown 1.8s ease-in-out 0.6s infinite}.preview-intro-branch-row{display:flex;gap:8px;position:relative}.preview-intro-branch-row::before{content:'';position:absolute;top:-20px;right:calc(25% - 1px);width:2px;height:20px;background:linear-gradient(180deg,#f97316 0%,#e5e8eb 40%,#e5e8eb 100%);background-size:2px 20px;animation:flowDown 1.8s ease-in-out 0.6s infinite}.preview-intro-branch-card{flex:1;padding:14px 12px;border-radius:10px;border:1px solid transparent;position:relative}.preview-intro-branch-card--green{background:#f0faf4;border-color:#d4f0e0}.preview-intro-branch-card--orange{background:#fff8f0;border-color:#ffe4c4}.preview-intro-branch-dot{width:8px;height:8px;border-radius:50%;margin-bottom:8px}.preview-intro-branch-dot--green{background:#03C75A}.preview-intro-branch-dot--orange{background:#FF8C00}.preview-intro-branch-title{display:block;font-size:11px;font-weight:700;color:#191f28;margin-bottom:6px;letter-spacing:-0.1px;line-height:1.4}.preview-intro-branch-desc{font-size:11px;color:#6b7684;line-height:1.55;margin:0;letter-spacing:-0.1px}.preview-intro-branch-card .preview-intro-note{text-align:left;margin:8px 0 0;font-size:10px}.preview-branch-toggle{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;margin:10px 0 0;padding:7px 0;background:rgba(255,140,0,0.08);border:1px solid rgba(255,140,0,0.2);border-radius:6px;font-size:10px;font-weight:600;color:#c2710c;cursor:pointer;transition:background 0.2s,border-color 0.2s}.preview-branch-toggle:hover{background:rgba(255,140,0,0.14);border-color:rgba(255,140,0,0.35)}.preview-branch-toggle svg{transition:transform 0.3s ease}.preview-branch-toggle.active svg{transform:rotate(180deg)}.preview-branch-toggle-content{max-height:0;overflow:hidden;transition:max-height 0.4s ease,margin 0.4s ease,padding 0.4s ease;margin:0;padding:0 12px;background:#fff8f0;border:1px solid rgba(255,140,0,0.15);border-radius:10px}.preview-branch-toggle-content.open{max-height:500px;margin:10px 0 0;padding:14px 14px}.preview-branch-toggle-item{padding:10px 12px;background:#fffbf5;border:1px solid rgba(255,140,0,0.12);border-radius:8px;margin-bottom:8px}.preview-branch-toggle-item:last-child{margin-bottom:0}.preview-branch-toggle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.preview-branch-toggle-label{font-size:10.5px;font-weight:700;color:#191f28;letter-spacing:-0.1px}.preview-branch-toggle-price{font-size:10px;font-weight:700;color:#ce391b;white-space:nowrap}.preview-branch-toggle-desc{font-size:10px;color:#6b7684;line-height:1.55;margin:0;letter-spacing:-0.1px}.preview-compare-section{margin-top:4px;padding-top:16px;border-top:1px solid #e5e8eb}.preview-compare-title{font-size:13px;font-weight:700;color:#191f28;text-align:center;margin:0 0 12px;letter-spacing:-0.2px}.preview-compare-table{border-radius:10px;overflow:hidden;border:1px solid #e5e8eb;background:#fff}.preview-compare-header{display:flex}.preview-compare-header .preview-compare-col--label{background:transparent}.preview-compare-header .preview-compare-col--other{background:#f5f5f5;font-size:11px;font-weight:700;color:#888;padding:10px 8px;text-align:center}.preview-compare-header .preview-compare-col--ours{background:#191f28;font-size:11px;font-weight:700;color:#fff;padding:10px 8px;text-align:center}.preview-compare-row{display:flex;border-top:1px solid #f2f4f6}.preview-compare-col{display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.4;padding:10px 6px}.preview-compare-col--label{flex:0 0 68px;font-weight:600;color:#555;background:#fafbfc;font-size:10px;letter-spacing:-0.02em}.preview-compare-col--other{flex:1;color:#999;background:#fafafa}.preview-compare-col--ours{flex:1;color:#191f28;font-weight:600;background:rgba(25,31,40,0.03)}.preview-compare-col--ours strong{color:#e53935;font-weight:700}.preview-intro-bottom{display:flex;align-items:flex-start;gap:10px;margin:16px 0 0;padding:13px 15px;background:#1c1f26;border-radius:10px;border:none;text-align:left}.preview-intro-bottom-date{flex-shrink:0;font-size:11px;font-weight:600;color:#60a5fa;background:rgba(96,165,250,0.12);padding:2px 8px;border-radius:4px;letter-spacing:-0.2px;white-space:nowrap;line-height:1.6}.preview-intro-bottom-text{font-size:12.5px;color:#cbd5e1;line-height:1.65;letter-spacing:-0.2px}.preview-intro-bottom strong{color:#f1f5f9;font-weight:700}.preview-intro-bottom--inline{flex-direction:column;gap:6px;margin:0 0 10px}.preview-card-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.preview-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f9fafb;border:1px solid #f2f4f6;border-radius:16px;transition:background 0.15s ease,border-color 0.15s ease,transform 0.15s ease;opacity:0;transform:translateY(30px)}.preview-card.visible{animation:preview-card-in 0.5s cubic-bezier(0.22,1,0.36,1) both}@keyframes preview-card-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.preview-card:hover{background:#f4f6f8}.preview-card-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;border:1px solid #f2f4f6}.preview-card-body{flex:1;min-width:0}.preview-card-title{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:600;color:#191f28;margin:0 0 6px 0;letter-spacing:-0.2px}.preview-card-desc{font-size:13px;color:#6b7684;margin:0;line-height:1.6;letter-spacing:-0.1px}.preview-tag-container{margin-top:14px;padding:14px;background:#fff;border:1px solid #e5e8eb;border-radius:12px;position:relative}.preview-tag-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;color:#03C75A;letter-spacing:-0.2px}.preview-card-tags{display:flex;flex-wrap:wrap;gap:5px}.preview-card-tag{display:inline-block;padding:5px 10px;background:#f0faf4;color:#191f28;font-size:11px;font-weight:500;border-radius:20px;white-space:nowrap;border:1px solid #d4f0e0}.preview-app-slider{margin-top:14px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%)}.preview-app-slider-label{font-size:12px;font-weight:700;color:#03C75A;margin:0 0 10px;letter-spacing:-0.02em}.preview-app-track{display:flex;gap:12px;width:max-content;animation:app-scroll 40s linear infinite}.preview-app-icon{width:40px;height:40px;border-radius:10px;object-fit:contain;flex-shrink:0}.preview-card--story{flex-direction:column;align-items:stretch}.preview-card-story-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.preview-card-story-header .preview-card-icon{flex-shrink:0}.preview-card-story-header .preview-card-title{margin:0}.ps-story{margin-top:0;display:flex;flex-direction:column;gap:14px}.ps-section{padding:14px;border-radius:12px;text-align:center}.ps-section-label{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:10px;background:#f0f0f0;color:#888}.ps-section-label--blue{background:#ce391b;color:#fff}.ps-section-label--green{background:#03C75A;color:#fff}.ps-hook{background:none;padding:0;text-align:left}.ps-hook-question{font-size:15px;font-weight:800;color:#222;margin:0 0 8px;letter-spacing:-0.03em}.ps-hook-sub{font-size:12px;color:#888;line-height:1.6;margin:0 0 6px}.ps-hook-sub--highlight{color:#ce391b;font-weight:600;margin:0}.ps-compare-table{border-radius:12px;overflow:hidden;border:1px solid #e5e8eb;background:#fff}.ps-compare-header{display:flex}.ps-compare-header .ps-compare-col--label{background:transparent}.ps-compare-header .ps-compare-col--other{background:#f5f5f5;font-size:11px;font-weight:700;color:#888;padding:10px 8px;text-align:center}.ps-compare-header .ps-compare-col--ours{background:#ce391b;font-size:11px;font-weight:700;color:#fff;padding:10px 8px;text-align:center}.ps-compare-row{display:flex;border-top:1px solid #f2f4f6}.ps-compare-row--highlight{background:#fff5f5;border-top:1px solid #ffd6d6}.ps-compare-row--highlight .ps-compare-col--label{color:#e53e3e;font-weight:700}.ps-compare-col--danger{color:#e53e3e;font-weight:700}.ps-compare-col{display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.4;padding:10px 6px}.ps-compare-col--label{flex:0 0 68px;font-weight:600;color:#555;background:#fafbfc;font-size:10px;letter-spacing:-0.02em}.ps-compare-col--other{flex:1;color:#999;background:#fafafa}.ps-compare-col--ours{flex:1;color:#ce391b;font-weight:600;background:rgba(49,130,246,0.04)}.ps-compare-warning{display:flex;align-items:flex-start;gap:10px;margin:12px 0 0;padding:12px 14px;background:#1c1f26;border-radius:10px}.ps-compare-warning-icon{flex-shrink:0;margin-top:1px}.ps-compare-warning-text{font-size:11px;color:#b0b4bc;line-height:1.65;margin:0;letter-spacing:-0.02em}.ps-compare-warning-text strong{color:#ff6b6b;font-weight:700}.ps-ours{background:linear-gradient(135deg,rgba(49,130,246,0.03) 0%,rgba(49,130,246,0.07) 100%);border:1px solid rgba(49,130,246,0.12)}.ps-ours-desc{font-size:12px;color:#555;line-height:1.6;margin:0 0 8px;text-align:center}.ps-ours-then{font-size:12px;font-weight:700;color:#ce391b;margin:0 0 6px;text-align:center}.ps-ours-conclusion{font-size:12px;font-weight:600;color:#444;margin:10px 0 0;text-align:center}.ps-ours .preview-combo-zone{margin:10px 0 6px}.ps-ours .preview-combo-pair{padding:10px 12px;gap:8px;flex-wrap:wrap;justify-content:center}.ps-ours .preview-combo-chip{padding:4px 10px;font-size:10px}.ps-ours .preview-combo-connector{width:20px;height:20px}.ps-ours .preview-combo-connector svg{width:14px;height:14px}.ps-ours .preview-chip-pool{gap:5px}.ps-ours .preview-pool-row{gap:4px;justify-content:center}.ps-ours .preview-pool-chip{padding:3px 8px;font-size:9px}.ps-ours-total{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid rgba(49,130,246,0.2);margin-top:10px}.ps-ours-total-label{font-size:11px;font-weight:600;color:#ce391b}.ps-ours-total-value{font-size:16px;font-weight:900;color:#ce391b}.ps-ours-total-desc{font-size:10px;color:#888;line-height:1.5;margin:8px 0 0}.preview-mission-flow-wrap{margin-top:18px}.preview-flow-row{padding:14px 10px 12px;border-radius:12px;border:1px solid transparent}.preview-flow-row--good{background:linear-gradient(135deg,rgba(49,130,246,0.03) 0%,rgba(49,130,246,0.07) 100%);border-color:rgba(49,130,246,0.12)}.preview-flow-row--bad{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.06)}.preview-flow-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:10px;letter-spacing:-0.02em}.preview-flow-badge--good{background:#ce391b;color:#fff}.preview-flow-badge--bad{background:#e0e0e0;color:#888}.preview-flow-steps{display:flex;align-items:center;justify-content:center;gap:4px}.preview-flow-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;min-width:0}.preview-flow-icon{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-flow-step--good .preview-flow-icon{color:#ce391b;box-shadow:0 2px 6px rgba(49,130,246,0.15)}.preview-flow-step--bad .preview-flow-icon{color:#999;box-shadow:0 1px 4px rgba(0,0,0,0.08)}.preview-flow-label{font-size:9px;font-weight:600;text-align:center;line-height:1.3;letter-spacing:-0.02em}.preview-flow-step--good .preview-flow-label{color:#444}.preview-flow-step--bad .preview-flow-label{color:#999}.preview-flow-result .preview-flow-icon{border-radius:50%}.preview-flow-result--good .preview-flow-icon{background:#ce391b;color:#fff;box-shadow:0 2px 8px rgba(49,130,246,0.3)}.preview-flow-result--good .preview-flow-label{color:#ce391b;font-weight:700}.preview-flow-result--bad .preview-flow-icon{background:#ff4d4f;color:#fff;box-shadow:0 2px 8px rgba(255,77,79,0.25)}.preview-flow-result--bad .preview-flow-label{color:#ff4d4f;font-weight:700}.preview-flow-arrow{flex-shrink:0}.preview-flow-vs{text-align:center;font-size:11px;font-weight:800;color:#ccc;padding:6px 0;letter-spacing:0.05em}.preview-flow-split{display:flex;align-items:center;gap:0;margin:14px auto 0;max-width:90%}.preview-flow-split-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:10px;background:#fff}.preview-flow-split--advertiser{border:1px solid rgba(49,130,246,0.15)}.preview-flow-split--user{border:1px solid rgba(3,199,90,0.15)}.preview-flow-split-divider{width:1px;height:36px;background:#e5e8eb;flex-shrink:0;margin:0 8px}.preview-flow-split-role{font-size:9px;font-weight:600;color:#8b95a1;letter-spacing:-0.02em}.preview-flow-split-result{font-size:12px;font-weight:800;letter-spacing:-0.03em}.preview-flow-split-result--blue{color:#ce391b}.preview-flow-split-result--green{color:#03C75A}.preview-flow-note{position:relative;margin:14px auto 0;padding:10px 12px;font-size:10px;line-height:1.5;letter-spacing:-0.02em;border-radius:10px;max-width:95%}.preview-flow-note::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;border-radius:2px 0 0 0}.preview-flow-note--good{color:#fff;background:#ce391b;box-shadow:0 3px 12px rgba(49,130,246,0.25)}.preview-flow-note--good::before{background:#ce391b}@keyframes app-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.preview-combo-zone{margin-top:16px;margin-bottom:12px;display:flex;justify-content:center}.preview-combo-pair{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #e5e8eb;border-radius:14px;min-height:48px}.preview-combo-group{display:flex;flex-wrap:wrap;gap:6px;min-width:40px;min-height:28px}.preview-combo-chip{display:inline-block;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent;animation:combo-pop 0.2s cubic-bezier(0.34,1.56,0.64,1) both}.preview-combo-chip--media{color:#1b64da;background:#eef4ff}.preview-combo-chip--logic{color:#03C75A;background:#e8f8ee}.preview-combo-chip.locked{border-color:currentColor;transition:box-shadow 0.3s ease,transform 0.3s ease}.preview-combo-chip--media.locked{box-shadow:0 0 8px rgba(27,100,218,0.15);transform:scale(1.06)}.preview-combo-chip--logic.locked{box-shadow:0 0 8px rgba(3,199,90,0.15);transform:scale(1.06)}@keyframes combo-pop{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}.preview-combo-connector{display:flex;align-items:center;justify-content:center;width:24px;height:24px;opacity:0.3;transition:opacity 0.2s ease,transform 0.2s ease}.preview-combo-connector.snap{opacity:1;animation:connector-snap 0.3s ease}@keyframes connector-snap{0%{transform:scale(0.6) rotate(-90deg);opacity:0.3}50%{transform:scale(1.3) rotate(0deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}.preview-chip-pool{display:flex;flex-direction:column;gap:6px}.preview-pool-row{display:flex;flex-wrap:wrap;gap:5px}.preview-pool-chip{padding:3px 9px;border-radius:6px;font-size:10px;font-weight:500;white-space:nowrap;transition:all 0.3s ease}.preview-pool-media{color:#8b95a1;background:#f2f4f6}.preview-pool-logic{color:#8b95a1;background:#f2f4f6}.preview-pool-media.active{color:#1b64da;background:#eef4ff;font-weight:600;box-shadow:0 0 0 1px rgba(27,100,218,0.25)}.preview-pool-logic.active{color:#03C75A;background:#e8f8ee;font-weight:600;box-shadow:0 0 0 1px rgba(3,199,90,0.25)}.preview-sms-demo{margin-top:14px}.preview-sms-phone{background:#f2f2f7;border-radius:14px;padding:10px;overflow:hidden}.preview-sms-statusbar{display:flex;justify-content:space-between;align-items:center;padding:2px 6px 8px;font-size:9px;color:#8e8e93;font-weight:500}.preview-sms-time{font-variant-numeric:tabular-nums}.preview-sms-notif{background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 1px 4px rgba(0,0,0,0.06);animation:sms-slide-up 0.35s cubic-bezier(0.34,1.2,0.64,1) both;animation-delay:0.6s}@keyframes sms-slide-up{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}.preview-sms-notif-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.preview-sms-notif-icon{display:flex;align-items:center}.preview-sms-notif-title{font-size:11px;font-weight:600;color:#1c1c1e;flex:1}.preview-sms-notif-badge{font-size:9px;color:#8e8e93}.preview-sms-body{display:flex;flex-direction:column;gap:1px}.preview-sms-line{font-size:10px;color:#3a3a3c;line-height:1.55;letter-spacing:-0.1px}.preview-sms-line b{color:#1c1c1e;font-weight:600}.preview-sms-line--tag{color:#8e8e93;font-size:9px}.preview-sms-line--highlight{color:#03C75A;font-weight:500}.preview-sms-line--highlight b{color:#03C75A}.preview-sms-line--link{color:#007aff;font-size:9px}.preview-order-demo{margin-top:14px;padding:12px;background:#fff;border:1px solid #e5e8eb;border-radius:10px;display:flex;flex-direction:column;gap:8px}.preview-order-field{display:flex;align-items:center;gap:8px}.preview-order-label{flex-shrink:0;font-size:10px;font-weight:600;color:#8b95a1;width:62px}.preview-order-input{flex:1;display:flex;align-items:center;padding:6px 10px;background:#f9fafb;border:1px solid #e5e8eb;border-radius:6px;overflow:hidden}.preview-order-text{font-size:11px;color:#333d4b;white-space:nowrap}.preview-order-cursor{width:1.5px;height:13px;background:#191f28;flex-shrink:0;opacity:0;animation:cursor-blink 0.5s step-end infinite}.preview-order-btn-wrap{display:flex;justify-content:flex-end;margin-top:2px}.preview-order-btn{padding:6px 20px;background:#191f28;color:#fff;border-radius:6px;font-size:11px;font-weight:600;transition:transform 0.15s ease,background 0.15s ease,box-shadow 0.15s ease}.preview-order-btn.clicked{transform:scale(0.93);background:#03C75A;box-shadow:0 0 8px rgba(3,199,90,0.2)}.preview-order-complete{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;animation:order-complete-in 0.35s ease both}.preview-order-complete svg{animation:order-check-pop 0.4s cubic-bezier(0.34,1.56,0.64,1) both}.preview-order-complete-title{font-size:14px;font-weight:700;color:#03C75A}.preview-order-complete-desc{font-size:11px;color:#6b7684;text-align:center}@keyframes order-complete-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes order-check-pop{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes cursor-blink{0%,100%{opacity:1}50%{opacity:0}}.preview-footer{display:flex;flex-direction:column;align-items:center;gap:12px}.preview-cta-btn{width:100%;padding:16px 24px;background:#191f28;color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:background 0.15s ease,transform 0.1s ease;letter-spacing:-0.2px}.preview-cta-btn:hover{background:#333d4b}.preview-cta-btn:active{transform:scale(0.98)}.preview-hide-today{display:flex;align-items:center;gap:6px;font-size:12px;color:#8b95a1;cursor:pointer}.preview-hide-today input[type="checkbox"]{width:14px;height:14px;margin:0;cursor:pointer;accent-color:#03C75A}.preview-hide-today span{user-select:none}.preview-inline-slider{margin-top:14px}.preview-inline-slider .preview-slider-dots{justify-content:center;margin-top:10px}.preview-inline-phone{position:relative;width:100%}.preview-inline-track{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#f9fafb;border:1px solid #e5e8eb}.preview-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity 0.4s ease;pointer-events:none}.preview-slide.active{position:relative;opacity:1;pointer-events:auto}.preview-slide-image{width:100%;display:block}.preview-slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;background:rgba(255,255,255,0.9);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#334155;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.2s ease;z-index:10}.preview-slider-nav:hover{background:#fff;color:#191f28;transform:translateY(-50%) scale(1.1)}.preview-slider-nav.prev{left:-12px}.preview-slider-nav.next{right:-12px}.preview-slider-dots{display:flex;justify-content:center;gap:5px;margin-top:10px}.preview-dot{width:5px;height:5px;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;padding:0;transition:all 0.2s ease}.preview-dot:hover{background:#9ca3af}.preview-dot.active{background:#191f28;width:16px;border-radius:3px}.preview-inline-caption{display:flex;align-items:center;gap:8px;margin-top:8px}.preview-slider-step{display:inline-flex;align-items:center;background:#191f28;color:#fff;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:500}.preview-inline-slide-title{font-size:13px;font-weight:600;color:#191f28;letter-spacing:-0.2px}.preview-slide-desc{font-size:14px;color:#6b7684;margin:0 0 24px 0;line-height:1.6}.preview-features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.preview-feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:12px;border:1px solid #f2f4f6;transition:border-color 0.15s ease}.preview-feature-item:hover{border-color:#e5e7eb}.preview-feature-item .feature-text{font-size:13px;font-weight:500;color:#333d4b}.preview-feature-item .feature-text .coming-soon{color:#8b95a1;font-weight:400}.preview-hide-today-mobile{display:none}@media (max-width:1024px){}@media (max-width:768px){.preview-snap-section--hero{padding:28px 16px 24px}.preview-hero{padding:0 0 20px}.preview-hero-title{font-size:21px}.preview-hero-sub{font-size:14px}.preview-value-text{font-size:13px}.preview-intro-section{padding:16px;margin-bottom:16px;border-radius:12px}.preview-intro-desc{font-size:13px}.preview-intro-sub{font-size:11px}.preview-intro-step-desc{font-size:11px}.preview-intro-step-tags span{font-size:10px;padding:3px 8px}.preview-intro-bottom{padding:11px 13px;gap:8px}.preview-intro-bottom-date{font-size:10px}.preview-intro-bottom-text{font-size:11.5px}.preview-ref-notice{font-size:11px}.preview-slider-container{padding:0;border-radius:0}.preview-header{margin-bottom:24px}.preview-main-title{font-size:19px}.preview-card-grid{gap:10px;margin-bottom:24px}.preview-card{padding:16px;gap:14px;border-radius:14px}.preview-card-icon{width:40px;height:40px;border-radius:10px}.preview-card-icon svg{width:24px;height:24px}.preview-tag-container{padding:10px;margin-top:10px}.preview-tag-header{font-size:10px;margin-bottom:8px}.preview-card-tags{gap:4px}.preview-card-tag{font-size:10px;padding:4px 8px}.preview-card-title{font-size:14px}.preview-card-desc{font-size:12px}.preview-sms-phone{border-radius:12px;padding:8px}.preview-sms-notif{padding:8px 10px;border-radius:14px}.preview-sms-line{font-size:9px}.preview-sms-line--tag{font-size:8px}.preview-order-demo{padding:10px;gap:6px}.preview-order-label{font-size:9px;width:52px}.preview-order-text{font-size:10px}.preview-order-btn{font-size:10px;padding:5px 16px}.preview-app-icon{width:32px;height:32px;border-radius:8px}.preview-app-track{gap:10px}.preview-combo-pair{padding:10px 12px;gap:6px;flex-wrap:wrap;justify-content:center}.preview-combo-chip{padding:4px 9px;font-size:10px}.preview-combo-connector{width:18px;height:18px}.preview-combo-connector svg{width:13px;height:13px}.preview-pool-chip{padding:2px 7px;font-size:9px}.preview-cta-btn{padding:14px 20px;font-size:14px;border-radius:12px}.preview-slider-nav{width:22px;height:22px}.preview-slider-nav.prev{left:-10px}.preview-slider-nav.next{right:-10px}.preview-slider-nav svg{width:12px;height:12px}}@media (max-width:480px){.preview-snap-section--hero{padding:24px 14px 20px}.preview-hero{padding:0 0 16px}.preview-hero-title{font-size:19px}.preview-hero-sub{font-size:13px}.preview-value-text{font-size:12.5px}.preview-intro-section{padding:14px}.preview-intro-desc{font-size:12px}.preview-intro-sub{font-size:10px}.preview-intro-step-label{font-size:10px}.preview-intro-step-desc{font-size:10px}.preview-intro-step-tags span{font-size:9px}.preview-intro-branch-title{font-size:10px}.preview-intro-branch-desc{font-size:10px}.preview-intro-branch-card{padding:10px}.preview-intro-branch-card .preview-intro-step-tags span{font-size:9px;padding:2px 6px}.preview-intro-bottom{padding:10px 12px;gap:7px}.preview-intro-bottom-date{font-size:9.5px;padding:2px 6px}.preview-intro-bottom-text{font-size:11px}.preview-slider-container{padding:0;border-radius:0;margin-bottom:0}.preview-slider-badge{font-size:10px;padding:4px 12px}.preview-main-title{font-size:17px}.preview-card{padding:14px;gap:12px;border-radius:12px}.preview-card-icon{width:36px;height:36px;border-radius:10px}.preview-card-icon svg{width:22px;height:22px}.preview-card-title{font-size:13px;margin-bottom:4px}.preview-card-desc{font-size:11px;line-height:1.5}.preview-cta-btn{padding:13px 16px;font-size:14px}.preview-hide-today{font-size:11px}}html{scrollbar-gutter:stable}.service-tabs-wrapper{margin-top:16px !important;margin-bottom:0 !important;border-radius:12px 12px 0 0 !important;border:1px solid #e5e7eb !important;border-bottom:none !important;background:#f9fafb !important}@media (max-width:991.98px){.sticky-info-bar{display:flex;position:fixed;top:var(--header-height,46px);left:0;right:0;z-index:1021;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid #e2e8f0;padding:0 16px;align-items:center;gap:8px;overflow:hidden;flex-wrap:wrap;max-height:0;opacity:0;transition:max-height 0.3s ease,opacity 0.2s ease,padding 0.3s ease;pointer-events:none}.sticky-info-bar.visible{max-height:80px;opacity:1;padding:10px 44px 10px 16px;pointer-events:auto;position:fixed}.sticky-info-bar.visible::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff4620,#60a5fa,#93c5fd,#60a5fa,#ff4620);background-size:200% 100%;animation:ctaLineFlow 2.5s linear infinite}.sticky-info-bar .sib-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:livePulse 1.5s ease-in-out infinite;box-shadow:0 0 4px rgba(34,197,94,0.6)}@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 4px rgba(34,197,94,0.6)}50%{opacity:0.4;box-shadow:0 0 8px rgba(34,197,94,0.3)}}.sticky-info-bar .sib-platform-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.sticky-info-bar .sib-platform-name{font-weight:600;font-size:11px;color:#1e293b;flex-shrink:0}.sticky-info-bar .sib-divider{color:#94a3b8;font-size:10px;margin:0 1px;flex-shrink:0}.sticky-info-bar .sib-category-name{color:#475569;font-weight:500;font-size:11px;flex-shrink:0}.sticky-info-bar .sib-service-name{font-weight:600;font-size:11px;color:#ce391b;overflow:hidden;text-overflow:ellipsis}.sticky-info-bar .sib-service-price{font-weight:500;font-size:11px;color:#ff4620;margin-left:auto;flex-shrink:0}.sticky-info-bar .sib-spec-row{display:flex;align-items:center;gap:6px;width:100%;padding-top:6px;border-top:1px solid #e2e8f0;margin-top:6px;flex-wrap:wrap}.sticky-info-bar .sib-spec-item{font-size:10px;white-space:nowrap}.sticky-info-bar .sib-spec-label{color:#64748b;font-weight:500}.sticky-info-bar .sib-spec-value{color:#1e293b;font-weight:600}.sticky-info-bar .sib-spec-divider{color:#cbd5e1;font-size:9px}.sticky-info-bar .sib-scroll-top{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#64748b;cursor:pointer;flex-shrink:0;padding:0;line-height:1}.sticky-info-bar .sib-scroll-top:active{background:#e2e8f0}}@media (max-width:768px){@keyframes ctaLineFlow{0%{background-position:200% 0}100%{background-position:-200% 0}}.mobile-order-cta{position:fixed;bottom:56px;left:0;right:0;z-index:1050;background:#fff;border-top:none;box-shadow:0 -4px 12px rgba(0,0,0,0.08);display:flex;flex-direction:column;padding:10px 12px;transform:translateY(100%);opacity:0;transition:transform 0.25s ease,opacity 0.2s ease;pointer-events:none}.mobile-order-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff4620,#60a5fa,#93c5fd,#60a5fa,#ff4620);background-size:200% 100%;animation:ctaLineFlow 2.5s linear infinite}.mobile-order-cta.visible{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-order-cta .cta-service-row{display:flex;align-items:center;gap:6px;min-width:0;margin-bottom:6px}.mobile-order-cta .cta-service-name{font-size:11px;font-weight:600;color:#ce391b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mobile-order-cta .cta-service-name:empty{display:none}.mobile-order-cta .cta-service-price{font-size:11px;font-weight:500;color:#ff4620;white-space:nowrap;flex-shrink:0}.mobile-order-cta .cta-service-price:empty{display:none}.mobile-order-cta .cta-top-row{display:flex;align-items:center;gap:10px}.mobile-order-cta .cta-summary-main{display:flex;align-items:center;gap:6px;cursor:pointer;flex:1;min-width:0}.mobile-order-cta .cta-summary-arrow{font-size:10px;color:#94a3b8;transition:transform 0.2s}.mobile-order-cta .cta-summary-arrow.open{transform:rotate(180deg)}.mobile-order-cta .cta-price{display:flex;flex-direction:column;min-width:0}.mobile-order-cta .cta-price-label{font-size:10px;color:#64748b;font-weight:500;line-height:1.2}.mobile-order-cta .cta-price-value{font-size:15px;font-weight:700;color:#1e293b;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-order-cta .cta-buttons{display:flex;align-items:center;gap:6px;flex-shrink:0}.mobile-order-cta .cta-summary-detail{display:none;padding-top:8px;margin-top:8px;border-top:1px solid #f1f3f5;width:100%}.mobile-order-cta .cta-summary-detail.open{display:block}.mobile-order-cta .cta-detail-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.mobile-order-cta .cta-detail-label{font-size:11px;color:#64748b;font-weight:500}.mobile-order-cta .cta-detail-value{font-size:11px;color:#1e293b;font-weight:600}.mobile-order-cta .cta-use-amount{color:#ef4444}.mobile-order-cta .cta-detail-result{padding-top:4px;margin-top:4px;border-top:1px dashed #e5e7eb}.mobile-order-cta .cta-detail-result .cta-detail-label{font-weight:600;color:#1e293b}.mobile-order-cta .cta-detail-result .cta-detail-value{color:#ff4620;font-weight:700}.mobile-order-cta .cta-shortage-bar{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:8px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;text-decoration:none;gap:8px}.mobile-order-cta .cta-shortage-bar:active{background:#fee2e2}.mobile-order-cta .cta-shortage-text{font-size:11px;color:#991b1b;font-weight:500;line-height:1.3}.mobile-order-cta .cta-shortage-text strong{font-weight:700;color:#dc2626}.mobile-order-cta .cta-shortage-btn{flex-shrink:0;font-size:11px;font-weight:700;color:#fff;background:#dc2626;padding:4px 10px;border-radius:6px;white-space:nowrap}.mobile-order-cta .cta-btn-settings{padding:10px 12px;border:1px solid #d1d5db;background:#f9fafb;border-radius:8px;font-size:12px;font-weight:600;color:#374151;white-space:nowrap;cursor:pointer;transition:background 0.15s}.mobile-order-cta .cta-btn-settings:active{background:#e5e7eb}.mobile-order-cta .cta-btn-arrow{flex-shrink:0}.mobile-order-cta .cta-btn-order{padding:10px 20px;border:none;background:#2563eb;border-radius:8px;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;cursor:pointer;transition:background 0.15s}.mobile-order-cta .cta-btn-order:active{background:#ce391b}.mobile-order-cta .cta-consult-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0;cursor:pointer}.mobile-order-cta .cta-consult-text{font-size:12px;color:#64748b}.mobile-order-cta .cta-consult-row svg{color:#94a3b8}.mobile-order-cta .cta-consult-row:active .cta-consult-text{color:#ff4620}}@media (min-width:769px){.mobile-order-cta{display:none}}.service-tab{border:1px dashed #d1d5db !important;background:transparent !important}.service-tab.active{border:1px solid transparent !important;background:transparent !important}#service_description .order-item-info-wrap,.guide-section .order-item-info-wrap,.warnings-section .order-item-info-wrap,.preview-section{border-radius:0 0 12px 12px;border-top:none;margin-top:0;margin-bottom:0}#service-description-content{font-size:13px;line-height:1.7;font-weight:400;color:#374151;word-break:keep-all;word-wrap:break-word;margin-top:0}@media (min-width:768px){#service-description-content{font-size:13px;line-height:1.8;color:#374151}}.highlight{font-size:15px;display:inline-block;width:100%;font-weight:700;color:#1f2937;margin-bottom:4px}.service-section{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e5e7eb;font-weight:450;color:#475569}.service-section-last{border-bottom:none;padding-bottom:0;margin-bottom:0}.service-section u,.order-item-info-wrap u{text-decoration:none;background:linear-gradient(transparent 60%,#fef08a 60%)}.service-section tip,.order-item-info-wrap tip{display:block;position:relative;margin:8px 0;padding:20px 12px 10px;border:1px solid #d1d5db;border-radius:8px;background:transparent;font-size:12px;line-height:1.6;color:#334155}.service-section tip::before,.order-item-info-wrap tip::before{content:'TIP';position:absolute;top:-9px;left:10px;padding:1px 10px;background:#ff4620;color:#fff;font-size:10px;font-weight:700;letter-spacing:0.5px;border-radius:10px;line-height:16px}.highlight3{font-size:12px;font-weight:bold;background-color:#ce391b;color:#ffffff;display:flex;width:100%;text-align:center;border:none;cursor:pointer;text-decoration:none;transition:0.3s;height:25px;align-items:center;justify-content:center;border-radius:1px;margin-bottom:10px}.step-service{overflow:hidden}.category-skeleton{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#f8fafc;margin-top:16px;height:450px}.category-skeleton .skeleton-header{height:50px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-bottom:1px solid #e2e8f0}.category-skeleton .skeleton-body{display:flex;height:400px}.category-skeleton .skeleton-side{flex:1;padding:8px;display:flex;flex-direction:column;gap:6px}.category-skeleton .skeleton-side:first-child{flex:0 0 40%;border-right:1px solid #e2e8f0}.category-skeleton .skeleton-side:last-child{flex:0 0 60%}.category-skeleton .skeleton-item{height:44px;background:linear-gradient(90deg,#f1f5f9 25%,#e8ecf1 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:6px}@keyframes skeletonPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}@media screen and (max-width:768px){.category-skeleton{height:400px}.category-skeleton .skeleton-body{height:350px}}@media screen and (max-width:480px){.category-skeleton .skeleton-item{height:38px}}.order-item{background-color:#fff;padding:15px 48px 48px 48px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}@media screen and (max-width:480px){.order-item{width:100% !important;padding:2px}}#orderform-service{width:100%;padding:11px 36px 11px 14px !important;font-size:13px !important;font-weight:500;color:#333 !important;background-color:#fafbfc !important;border:1px solid #dfe3e8 !important;border-radius:8px !important;outline:none;cursor:pointer;transition:background-color 0.15s,border-color 0.15s;line-height:1.4}#orderform-service:hover{background-color:#eef4ff !important;border-color:#4a90e2 !important}#orderform-service:focus{background-color:#fff !important;border-color:#4a90e2 !important}#orderform-service option{padding:10px 14px;font-size:13px;color:#333;background:#fff}#orderform-service option:checked{background:#e8f0fe linear-gradient(0deg,#e8f0fe 0%,#e8f0fe 100%);color:#1a56db;font-weight:600}@media screen and (max-width:768px){#orderform-service{font-size:12px !important;padding:10px 32px 10px 12px !important}}@media screen and (max-width:480px){#orderform-service{font-size:11px !important;padding:9px 30px 9px 10px !important;border-radius:6px !important}}#field-orderform-fields-quantity{font-size:13px !important}#field-orderform-fields-quantity::placeholder{font-size:12px;color:#888}@media screen and (max-width:768px){#field-orderform-fields-quantity{font-size:12px !important}#field-orderform-fields-quantity::placeholder{font-size:11px}}@media screen and (max-width:480px){#field-orderform-fields-quantity{font-size:11px !important}#field-orderform-fields-quantity::placeholder{font-size:10px}}#order-button{width:100%;color:#fff;font-size:17px;height:54px;background:#dc3c1a;border:none;border-radius:14px;margin-top:24px;cursor:pointer;font-weight:600;letter-spacing:-0.3px;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(24,91,220,0.3)}#order-button:hover{background:#1450c5;box-shadow:0 6px 16px rgba(24,91,220,0.4);transform:translateY(-1px)}#order-button:active{background:#1145b0;box-shadow:0 2px 8px rgba(24,91,220,0.3);transform:translateY(0)}#order-button:disabled{background:#b0b8c1;box-shadow:none;cursor:not-allowed;transform:none;justify-content:center}@media screen and (max-width:768px){#order-button{height:50px;font-size:15px;border-radius:12px;margin-top:20px;box-shadow:0 3px 10px rgba(24,91,220,0.25)}}.order-item .form-group.fields{margin-top:16px}#order_count::placeholder{font-size:11px}.order-item-info-wrap{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;line-height:1.5}.order-item-info-wrap br{display:block;content:"";margin-top:2px}@media screen and (max-width:480px){.order-item-info-wrap{border-radius:10px;padding:16px;font-size:12px}}.order-item-type-wrap{display:grid;grid-gap:12px;grid-template-columns:repeat(auto-fill,72px);justify-content:center;padding-bottom:24px}@media screen and (max-width:480px){.order-item-type-wrap{grid-gap:10px;grid-template-columns:repeat(auto-fill,56px);justify-content:space-between;padding-bottom:20px}}.order-item-type-wrap li{transition:all 0.15s ease;cursor:pointer;background:#f7f8fa;border:1.5px solid transparent;border-radius:16px;padding:0;width:72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#4b5563;font-size:11px;font-weight:700;position:relative;margin-bottom:18px}.order-item-type-wrap li span{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:600;color:#6b7280;transition:color 0.2s ease}@media screen and (max-width:480px){.order-item-type-wrap li{width:56px;height:56px;padding:0;margin-bottom:14px;border-radius:12px}.order-item-type-wrap li span{bottom:-16px;font-size:10px}}.order-item-type-wrap li:hover{background:#eef0f4}.order-item-type-wrap li:hover span{color:#374151}.order-item-type-wrap li.active{background:#fff;border-color:#ce391b;box-shadow:0 0 0 1px #ce391b,0 2px 8px rgba(49,130,246,0.12)}.order-item-type-wrap li.active span{color:#ce391b;font-weight:700}.order-item-type-wrap li.modal-trigger-btn{background:#fff9e6;border:2px dashed #ffa726;position:relative}.order-item-type-wrap li.modal-trigger-btn::after{content:'BETA';position:absolute;top:4px;right:4px;background:#ffa726;color:white;font-size:9px;padding:2px 5px;border-radius:3px;font-weight:600}.order-item-type-wrap li.modal-trigger-btn:hover{background:#fff3d6;border-color:#ff9800;box-shadow:0 4px 8px rgba(255,152,0,0.2)}@media screen and (max-width:480px){.order-item-type-wrap li.modal-trigger-btn::after{font-size:7px;padding:1px 3px;top:2px;right:2px}}.neworder-btn i{width:40px;height:40px;font-size:28px;background-size:contain;background-repeat:no-repeat;background-position:center}.neworder-btn .platform-icon-img{width:36px;height:36px;object-fit:contain;object-position:center}@media screen and (max-width:480px){.neworder-btn i{font-size:22px}.neworder-btn .platform-icon-img{width:26px;height:26px}}.order-item-process{background:#dc3c1a;border:none;border-radius:6px;padding:4px 10px;color:#ffffff;font-weight:600;font-size:12px;display:inline-flex;align-items:center;height:auto}@media screen and (max-width:480px){.order-item-process{padding:3px 8px;font-size:11px}}.order-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.order-summary-main{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;transition:background 0.15s ease}.order-summary-main:hover{background:#f1f5f9}.order-summary-label{font-size:13px;font-weight:500;color:#64748b}.order-summary-value{display:flex;align-items:center;gap:8px}.order-summary-value #chargeDisplay{font-size:18px;font-weight:700;color:#1e293b}.order-summary-arrow{font-size:12px;color:#94a3b8;transition:transform 0.2s ease}.order-summary-main.active .order-summary-arrow{transform:rotate(180deg)}.order-summary-balance{border-top:1px solid #e2e8f0;padding:12px 16px;background:#fff}.order-summary-detail{border-top:1px solid #e2e8f0;padding:12px 16px;background:#fff}.order-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.order-summary-row:not(:last-child){border-bottom:1px dashed #e2e8f0}.order-summary-row .row-label{font-size:13px;color:#64748b}.order-summary-row .row-value{font-size:14px;font-weight:600;color:#1e293b}.order-summary-row .row-value.text-danger{color:#ef4444}.order-summary-row.result{padding-top:12px;margin-top:4px}.order-summary-row.result .row-label{font-weight:600;color:#1e293b}.order-summary-row.result .row-value{font-size:16px;font-weight:700}.order-summary-charge-btn{flex-shrink:0;font-size:11px;font-weight:600;color:#ff4620;background:#fff0ec;border:1px solid #bfdbfe;padding:2px 8px;border-radius:4px;text-decoration:none;margin-left:6px;transition:background 0.15s}.order-summary-charge-btn:hover{background:#dbeafe;text-decoration:none;color:#2563eb;color:#ff4620}@media (max-width:480px){.order-summary-main{padding:12px 14px}.order-summary-value #chargeDisplay{font-size:16px}.order-summary-detail{padding:10px 14px}.order-summary-row .row-label{font-size:12px}.order-summary-row .row-value{font-size:13px}.order-summary-row.result .row-value{font-size:14px}}.order-item-title{color:#1f2937;font-size:16px;display:flex;gap:8px;align-items:center;margin-bottom:12px}@media screen and (max-width:480px){.order-item-title{font-size:14px;gap:6px;margin-bottom:10px}}.order-submit-btn{width:100%;height:56px;margin-top:24px;font-size:20px;font-weight:600;color:#fff;background-color:#ce391b;border:none;border-radius:12px;transition:all 0.3s ease}.order-submit-btn:hover{background-color:#004ed0;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,95,240,0.2)}.order-submit-btn:active{transform:translateY(0)}@media screen and (max-width:480px){.order-submit-btn{height:48px;font-size:13px;margin-top:16px;border-radius:8px}}.guide-container{max-width:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}@media (max-width:768px){.guide-container{padding:1rem;margin:0.5rem}}.guide-intro{background:#f8f9fa;padding:1.25rem;border-radius:8px;color:#4a5568;line-height:1.6;margin-bottom:2rem}@media (max-width:768px){.guide-intro{padding:1rem;margin-bottom:1.5rem;font-size:0.9rem}}.step-list{list-style:none;padding:0;margin:0}.step-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem;margin-bottom:1rem;transition:all 0.3s ease}@media (max-width:768px){.step-item{padding:1rem;margin-bottom:0.75rem}}.step-item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.08);transform:translateY(-2px)}.step-header{display:flex;align-items:center;margin-bottom:1rem}.step-number{background:#000000;color:white;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;font-size:0.9rem;margin-right:8px}@media (max-width:768px){.step-number{width:28px;height:28px;font-size:0.8rem}}.step-title{font-size:1.2rem;color:#252525;margin:0}@media (max-width:768px){.step-title{font-size:1rem}}.step-content{color:#4a5568;line-height:1.6}@media (max-width:768px){.step-content{font-size:0.8rem;line-height:1.5}}.guide-img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);width:100%;margin:1rem 0}@media screen and (min-width:768px){.guide-img{width:50%;margin:1rem auto;display:block}}.nav-tabs{border-bottom:2px solid #e2e8f0;margin-bottom:1.5rem;display:flex;flex-wrap:wrap}.nav-tabs .nav-link{color:#718096;font-weight:500;padding:0.75rem 1.5rem;border:none;border-bottom:2px solid transparent;margin-bottom:-2px}@media (max-width:768px){.nav-tabs .nav-link{padding:0.5rem 1rem;font-size:0.9rem}}.nav-tabs .nav-link.active{color:#ce391b;border-bottom-color:#ce391b}.alert-custom{background-color:#F1F5F9;border-left:4px solid #ff4620;padding:1.25rem;margin:1.25rem 0;font-size:0.875rem;line-height:1.7;color:#334155;box-shadow:0 2px 4px rgba(59,130,246,0.05);transition:all 0.2s ease}@media (max-width:768px){.alert-custom{padding:1rem;margin:1rem 0;font-size:0.7rem}}.alert-custom:hover{background-color:#F8FAFC;box-shadow:0 4px 6px rgba(59,130,246,0.1)}.alert-custom strong{color:#2563EB;font-weight:600}.guide-method-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.guide-method{background-color:#f8f9fa;padding:16px 20px;border-radius:12px;border:1px solid #e5e7eb;cursor:pointer;transition:all 0.3s ease;text-align:center;font-size:15px;color:#374151;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.guide-method button{background:none;border:none;padding:0;margin:0;font-size:15px;color:inherit;cursor:pointer;width:100%;text-align:center;display:flex;align-items:center;justify-content:space-between;gap:8px}@media (max-width:768px){.guide-method button{font-size:12px}}.guide-method.warning{background-color:#10b981;color:white;border:none}.guide-method.warning:hover{background-color:#059669;color:white;transform:translateY(-2px)}.guide-method:hover{background-color:#ff4620;color:white;border-color:transparent;box-shadow:0 4px 12px rgba(59,130,246,0.2);transform:translateY(-2px)}.guide-method:active{transform:translateY(0);box-shadow:0 2px 6px rgba(59,130,246,0.1)}@media (max-width:768px){.guide-method{padding:14px 16px;font-size:14px}.guide-method:hover{transform:none}}.guide-method button::after{content:'›';font-size:18px;line-height:1;color:rgb(156,163,175);margin-left:8px}.guide-method:hover button::after{color:inherit}.guide-item{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);margin-bottom:1rem !important;width:100% !important}.guide-title{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:bold;word-break:break-all;width:100%;position:relative;color:#000;padding-bottom:3px;border-bottom:1px solid #ededed}.guide-title h2,.guide-title h3{font-size:21px;padding:8px 0;margin:0}@media (max-width:768px){.guide-title h2,.guide-title h3{font-size:14px;padding:6px 0}}@media (max-width:768px){.guide-method{padding:12px;font-size:14px}.guide-item{width:100% !important;padding:15px}}.platform-tab-content aside.guide-faq-section{position:static !important;min-height:0 !important;height:auto !important;width:100% !important;min-width:0 !important;display:block !important;flex-direction:unset !important;flex-shrink:unset !important;box-shadow:none !important;border:none !important;border-right:none !important;border-top:none !important;background-color:transparent !important;z-index:auto !important;overflow:visible !important;transition:none !important;padding:0 !important;padding-bottom:0 !important;margin:0 0 12px 0 !important;box-sizing:border-box !important}.platform-tab-content .faq-accordion>details.faq-item{background:#fff !important;padding:0 !important;border-radius:0 !important;margin:0 !important;box-shadow:none !important;display:block !important;flex-direction:unset !important;gap:unset !important;justify-content:unset !important;border:none !important;border-bottom:1px solid #f1f5f9 !important}.platform-tab-content .guide-faq-section>.guide-faq-title{font-size:13px !important;font-weight:600 !important;color:#64748b !important;margin:0 0 6px 0 !important;padding:0 !important;border:none !important}.platform-tab-content .guide-faq-section>.faq-accordion{border:1px solid #e2e8f0 !important;border-radius:8px !important;overflow:hidden !important;margin:0 !important;padding:0 !important}.platform-tab-content .faq-accordion>details.faq-item:last-child{border-bottom:none !important}.platform-tab-content details.faq-item:not([open])>.faq-answer{display:none !important}.platform-tab-content details.faq-item[open]>.faq-answer{display:block !important}.platform-tab-content details.faq-item>summary.faq-question{padding:12px 16px !important;margin:0 !important;font-size:13px !important;font-weight:600 !important;color:#1e293b !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:space-between !important;list-style:none !important;transition:background 0.15s ease,color 0.15s ease;line-height:1.5 !important;-webkit-user-select:none;user-select:none;background:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important}.platform-tab-content summary.faq-question::-webkit-details-marker{display:none !important}.platform-tab-content summary.faq-question::marker{display:none !important;content:'' !important}.platform-tab-content summary.faq-question::after{content:'+' !important;font-size:16px !important;font-weight:400 !important;color:#94a3b8 !important;flex-shrink:0 !important;margin-left:12px !important}.platform-tab-content details.faq-item[open]>summary.faq-question::after{content:'\2212' !important;color:#ff4620 !important}.platform-tab-content summary.faq-question:hover{background:#f8fafc !important;color:#ff4620 !important}.platform-tab-content details.faq-item[open]>summary.faq-question{background:#f0f9ff !important;color:#1e40af !important}.platform-tab-content .faq-answer{padding:16px 20px !important;margin:0 !important;background:#f8fafc !important;border-top:1px solid #e2e8f0 !important;border-radius:0 !important;box-shadow:none !important}.platform-tab-content .faq-answer p{font-size:13px !important;line-height:1.8 !important;color:#475569 !important;margin:0 !important;padding:0 !important;word-break:keep-all !important}.platform-tab-content .guide-links-section{margin:12px 0 0 0 !important;padding:0 !important;width:100% !important;box-sizing:border-box !important}.platform-tab-content .guide-links-section>.guide-links-title{font-size:13px !important;font-weight:600 !important;color:#64748b !important;margin:0 0 6px 0 !important;padding:0 !important;border:none !important}.platform-tab-nav{display:flex;gap:0;background:#f1f5f9;border-radius:8px;padding:4px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.platform-tab-nav::-webkit-scrollbar{display:none}.platform-tab{display:flex;align-items:center;gap:6px;padding:10px 14px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;white-space:nowrap;transition:all 0.2s ease;flex-shrink:0}.platform-tab img{width:18px;height:18px;object-fit:contain}.platform-tab:hover{color:#1e293b;background:rgba(255,255,255,0.6)}.platform-tab.active{background:#fff;color:#1e293b;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.service-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.service-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:border-color 0.15s ease}.service-card:hover{border-color:#cbd5e1}.service-card-title{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid #ff4620}.service-card-desc{font-size:12px;line-height:1.7;color:#475569;margin:0}.platform-tab-content{display:none}.platform-tab-content.active{display:block}.platform-tab-content.active .service-card-desc,.platform-tab-content.active .faq-accordion,.platform-tab-content.active .guide-method button,.platform-tab-content.active .whysupporter-feature-desc,.platform-tab-content.active .whysupporter-feature-list,.platform-tab-content.active .whysupporter-feature-icon{animation:textFadeIn 0.35s ease-out}@keyframes textFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.platform-tab-nav{padding:3px;margin-bottom:16px}.platform-tab{padding:8px 10px;font-size:11px;gap:4px}.platform-tab img{width:14px;height:14px}.service-card-grid{grid-template-columns:1fr;gap:8px;margin-bottom:16px}.service-card{padding:12px}.service-card-title{font-size:13px;margin-bottom:6px;padding-bottom:6px}.service-card-desc{font-size:11px}}@media (max-width:768px){.platform-tab-content .guide-faq-title,.platform-tab-content .guide-links-title{font-size:12px !important}.platform-tab-content summary.faq-question{padding:10px 12px !important;font-size:11px !important}.platform-tab-content .faq-answer{padding:14px 16px !important}.platform-tab-content .faq-answer p{font-size:12px !important;line-height:1.7 !important}.guide-intro{font-size:12px}}.login-modal .modal-dialog{max-width:480px}.login-modal .modal-content{border:none;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,0.12);overflow:hidden;background:#FFFFFF;font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.login-modal .modal-close{position:absolute;right:20px;top:20px;z-index:10;cursor:pointer;padding:8px;border-radius:50%;background:#f3f4f6;transition:all 0.2s ease}.login-modal .modal-close:hover{background-color:#e5e7eb;transform:rotate(90deg)}.login-modal .modal-body{padding:40px;background:#ffffff}.login-modal h2{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:8px;text-align:center}.login-modal .text-muted{color:#6b7280 !important;font-size:14px;font-weight:400;text-align:center}.login-modal .form-control{color:#5d5d5d;font-weight:500;height:48px;padding:0 16px;border:1px solid #d8d8d8;border-radius:8px;font-size:14px;background-color:#ffffff;transition:all 0.2s ease;box-shadow:0 0.4px 1px 0 rgba(173,173,173,0.25)}.login-modal .form-control:hover{border-color:#b8b8b8}.login-modal .form-control:focus{border-color:#ce391b;background-color:#ffffff;box-shadow:0 0 0 3px rgba(78,117,255,0.1);outline:none}.login-modal .form-control::placeholder{color:#999;font-weight:400}.login-modal label.text-base{font-weight:600;color:#374151 !important;font-size:13px;margin-bottom:6px}.login-modal .checkbox{gap:0.5rem;position:relative;display:flex;align-items:center;margin:12px 0}.login-modal .checkbox input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.login-modal .checkbox label{position:relative;padding-left:32px;cursor:pointer;font-size:0.95rem;font-weight:500;color:#334155;user-select:none;line-height:1.5}.login-modal .checkbox label:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border:1px solid #cbd5e0;border-radius:3px;background-color:#fff;transition:all 0.2s ease}.login-modal .checkbox label:after{content:'✓';position:absolute;left:3px;top:50%;transform:translateY(-50%) scale(0);color:white;font-size:10px;font-weight:bold;transition:all 0.2s ease}.login-modal .checkbox input[type="checkbox"]:checked+label:before{border-color:#4299e1;background-color:#4299e1}.login-modal .checkbox input[type="checkbox"]:checked+label:after{transform:translateY(-50%) scale(1)}.login-modal .checkbox label:hover:before{border-color:#4299e1}.login-modal .btn{padding:12px 20px;font-weight:600;font-size:14px;border-radius:8px;transition:all 0.2s ease;border:none;height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.login-modal .btn-primary{background:#ce391b;color:#ffffff}.login-modal .btn-primary:hover{background:#3d5fd8;color:#ffffff}.login-modal .btn-primary:active{transform:scale(0.98)}.login-modal .btn-secondary{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;font-weight:500}.login-modal .btn-secondary:hover{background:#e5e7eb;color:#374151}.login-modal .btn-secondary:active{transform:scale(0.98)}.login-modal .text-primary{color:#ce391b !important;text-decoration:none;font-weight:500;transition:all 0.2s ease}.login-modal .text-primary:hover{color:#3d5fd8 !important;text-decoration:underline}.login-modal hr{margin:24px 0;border:none;height:1px;background:#e5e7eb}.login-modal .text-danger{color:#ef4444 !important;font-weight:500}.login-modal .text-muted.text-center{margin:16px 0;font-size:13px}@media (max-width:768px){.login-modal .modal-dialog{margin:1rem;max-width:calc(100% - 2rem)}.login-modal .modal-content{border-radius:12px}.login-modal .modal-body{padding:30px 24px}.login-modal h2{font-size:20px;margin-bottom:6px}.login-modal .text-muted{font-size:13px}.login-modal .form-control{height:44px;padding:0 14px;font-size:14px}.login-modal label.text-base{font-size:12px}.login-modal .checkbox{margin:10px 0}.login-modal .checkbox label{font-size:12px;padding-left:22px}.login-modal .checkbox label:before{width:14px;height:14px}.login-modal .checkbox label:after{left:2px;font-size:9px}.login-modal .btn{height:44px;font-size:14px}.login-modal hr{margin:20px 0}.login-modal .modal-close{right:16px;top:16px;padding:6px}.login-modal .text-muted.text-center{margin:12px 0;font-size:12px}}.icon-instagram-signin{background:url(/assets/icons/platformicon/instagram.png) no-repeat center/contain;display:inline-block;width:100px;height:100px}.icon-instagram-f-platfrom{background:url(/assets/icons/platformicon/instagram.png) no-repeat center/contain;display:inline-block;width:50px;height:50px}.icon-instagram-i-platform{background:url(/assets/icons/platformicon/instagram.png) no-repeat center/contain;display:inline-block;width:50px;height:50px}.icon-instagram-acc-platform{background:url(/assets/icons/platformicon/instagram.png) no-repeat center/contain;display:inline-block;width:50px;height:50px}.icon-youtube-platform{background:url(/assets/icons/platformicon/youtube.png) no-repeat center/contain;display:inline-block;width:50px;height:50px}.icon-facebook-platform{background:url(/assets/icons/platformicon/facebook.png) no-repeat center/contain;display:inline-block;width:50px;height:50px}.icon-tiktok-platform{background:url(/assets/icons/platformicon/tiktok.png) no-repeat center/contain;display:inline-block;width:50px;height:50px}.icon-telegram-platform{background:url(/assets/icons/platformicon/telegram.png) no-repeat center/contain;display:inline-block;width:50px;height:50px}.icon-kakaotalk-platform{background:url(/assets/icons/platformicon/kakao-talk.png) no-repeat center/contain;display:inline-block;width:50px;height:50px}.icon-thread-platform{background:url(/assets/icons/platformicon/thread.png) no-repeat center/contain;display:inline-block;width:50px;height:50px}.icon-twitter-platform{background:url(/assets/icons/platformicon/x.png) no-repeat center/contain;display:inline-block;width:50px;height:50px}@media (max-width:768px){.icon-instagram-signin,.icon-instagram-f-platfrom,.icon-instagram-i-platform,.icon-instagram-acc-platform,.icon-youtube-platform,.icon-facebook-platform,.icon-tiktok-platform,.icon-telegram-platform,.icon-kakaotalk-platform,.icon-soundcloud-platform,.icon-twitter-platform{width:64px;height:64px}}.icon-instagram-k{background-image:url('/assets/icons/instagram.svg')}.icon-instagram-f{background-image:url('/assets/icons/instagram.svg')}.icon-instagram-i{background-image:url('/assets/icons/instagram.svg')}.icon-instagram-acc{background-image:url('/assets/icons/instagram.svg')}.icon-youtube{background-image:url('/assets/icons/youtube.svg')}.icon-facebook{background-image:url('/assets/icons/facebook.svg')}.icon-tiktok{background-image:url('/assets/icons/tiktok.svg')}.icon-telegram{background-image:url('/assets/icons/telegram.svg')}.icon-kakaotalk{background-image:url('/assets/icons/kakaotalk.svg')}.icon-soundcloud{background-image:url('/assets/icons/thread.svg')}.icon-twitter{background-image:url('/assets/icons/twitter.svg')}.icon-nportal{background-image:url('/assets/icons/nv.svg')}.icon-appmarketing{background-image:url('/assets/icons/appmarketing.svg')}.icon-news{background-image:url('/assets/icons/news.svg')}.icon-reviewer{background-image:url('/assets/icons/reviewer.svg')}.icon-place{background-image:url('/assets/icons/place.svg')}.icon-n_blog{background-image:url('/assets/icons/n_blog_logo.png')}.icon-kakaotalk-button{width:19px;height:16px;background-image:url('/assets/icons/kakaotalk-button.svg');background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;vertical-align:middle;margin-right:5px}.icon-phone-button{width:16px;height:16px;background-image:url('/assets/icons/phone-button.svg');background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;vertical-align:middle;margin-right:5px}.inner-wrap{background-color:#ffffff;border:1px solid #edf2f7;padding:40px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);margin-bottom:20px}@media (max-width:768px){.inner-wrap{padding:12px}}.pc-slider-container{width:100%;max-width:1000px;aspect-ratio:22 / 5;margin-bottom:-20px;border-radius:20px;position:relative;overflow:hidden;contain:layout style}.mobile-slider-container{width:auto;aspect-ratio:9 / 4;overflow:hidden;position:relative;margin:16px 16px 8px 16px;border-radius:12px;contain:layout style}@media screen and (min-width:769px) and (max-width:1440px){.mobile-slider-container{max-width:750px;margin:12px auto 8px auto}}.swiper-wrapper{display:flex;transition:transform 0.3s ease-in-out}.swiper-slide{flex-shrink:0;width:100%;height:auto}.swiper-button-prev{left:10px}.swiper-button-next{right:10px}.swiper-slide img{width:100%;height:auto;display:block}.mobile-slider-container .swiper-slide img{border-radius:12px}.swiper-slide img{cursor:pointer}.mobile-pagination,.pc-pagination{position:absolute;bottom:20px;right:12px;left:auto;width:auto;text-align:center;z-index:10;background:rgba(0,0,0,0.5);color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px}.tabs-container{display:table;table-layout:fixed;width:100%;justify-content:center;margin-bottom:-16px}.tab-button{display:table-cell;border:1px solid #ffffff;background-color:#f6f7ff;cursor:pointer;text-align:center;padding:10px;color:black;border-top-left-radius:10px;border-top-right-radius:10px;font-size:13px}.tab-button.active{background-color:#ce391b;color:white;border:0.5px solid #ffffff}.category-buttons-container{background-color:#f6f7ff;white-space:normal;display:flex;flex-wrap:wrap;justify-content:space-around;padding:5px;border-radius:5px;margin:0 auto;width:100%}.order-title{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:bold;word-break:break-all;width:100%;position:relative;color:#000;padding-bottom:3px;border-bottom:1px solid #ededed}.order-title>button{display:flex;align-items:center;justify-content:center;padding:0 20px;height:40px;font-size:13px}@media (max-width:768px){.order-title>button{height:30px;font-size:10px}}.order-title h2,.order-title h3{font-size:21px;font-weight:600;padding:8px 0;color:#333}@media (max-width:768px){.order-title h2,.order-title h3{font-size:15px;padding:8px 0}.order-title h2::after,.order-title h3::after{height:1px}}.swiper-slide{width:100% !important;flex-shrink:0}.support-section{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);margin-bottom:1rem}.support-container{height:100%;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center}.support-content{width:100%;font-weight:600;color:#6c757d}.support-title{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:bold;word-break:break-all;width:100%;position:relative;color:#000;padding-bottom:3px;border-bottom:1px solid #ededed}.support-title h2,.support-title h3{font-size:21px;padding:8px 0;margin:0}@media (max-width:768px){.support-title h2,.support-title h3{font-size:14px;padding:6px 0}}.support-buttons-wrap{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;justify-content:space-between;align-items:center;width:100%;padding:0 16px}.support-button{flex:1 1 0;border-radius:100px;padding:10px 20px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;text-decoration:none}.support-button.kakao{background-color:#F7DA00;color:#371D1E}.support-button.phone{background-color:#ce391b;color:white}.support-button.document{background-color:#fff;border:1px solid #E1E2F6;color:#000}.support-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.12)}.support-button svg{width:18px;height:18px}@media (max-width:768px){.support-section{padding:16px}.support-button{padding:8px 16px;font-size:12px;min-width:150px;flex:1 1 calc(50% - 8px)}}.order-content-primary{flex:0 0 55%;display:flex;flex-direction:column;min-width:55%;max-width:55%;width:55%;min-height:2250px;contain:layout style}.order-content-secondary{flex:1;min-width:0;contain:layout style}@media (max-width:1200px){.order-content-primary,.order-content-secondary{width:100%;max-width:100%;min-height:auto;box-sizing:border-box}}@media (max-width:768px){.order-content-primary{width:100%}}.guide-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000}.guide-highlight{position:relative;z-index:1001;box-shadow:0 0 0 9999px rgba(0,0,0,0.5);border:2px solid #ffff05;border-radius:4px}.guide-tooltip{position:absolute;z-index:1002;background:white;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.12);padding:20px;max-width:320px;animation:fadeIn 0.3s ease-in-out}.guide-tooltip-arrow{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.guide-tooltip-content{position:relative}.guide-tooltip h3{color:#dc3c1a;margin:0 0 12px 0;font-size:18px;font-weight:600}.guide-tooltip p{margin:0 0 20px 0;color:#666;line-height:1.6}@media (max-width:768px){.guide-tooltip{max-width:calc(100% - 32px);margin:0 16px}.guide-tooltip h3{font-size:16px;margin:0 0 8px 0}.guide-tooltip p{font-size:14px;margin:0 0 16px 0;line-height:1.5}}.guide-controls{display:flex;justify-content:space-between;gap:10px}.guide-controls button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all 0.2s ease}.guide-next{background:#dc3c1a;color:white}.guide-next:hover{background:#0f49b3}.guide-skip{background:#f5f5f5;color:#666}.guide-skip:hover{background:#e5e5e5}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guide-start-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;color:#8b95a1;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:color 0.15s,background 0.15s;white-space:nowrap}.guide-start-btn:hover{color:#ce391b;background:#f0f5ff}.guide-start-btn:active{background:#e0ecff}.guide-start-btn svg{width:14px;height:14px;stroke:currentColor;flex-shrink:0}.snssupporter-category-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.snssupporter-category-header{justify-content:flex-end;align-items:center;margin-bottom:10px;padding:0}.category-count{font-size:12px;color:#64748b;font-weight:500}.category-service-outer .snssupporter-platform-header{margin:0;padding:12px 16px;border:none;border-bottom:1px solid #e2e8f0;border-radius:0;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);display:flex;flex-direction:column;align-items:stretch;gap:8px}.category-service-outer .snssupporter-platform-header .header-top-row{display:flex;align-items:center;gap:0;width:100%}.category-service-outer .snssupporter-platform-header .platform-info{display:flex;align-items:center;gap:8px}.category-service-outer .snssupporter-platform-header .platform-info img{width:20px;height:20px;object-fit:contain}.category-service-outer .snssupporter-platform-header .platform-name{font-weight:600;font-size:14px;color:#1e293b}.category-service-outer .snssupporter-platform-header .category-info{display:flex;align-items:center;gap:6px}.category-service-outer .snssupporter-platform-header .header-divider{color:#94a3b8;font-size:12px;margin:0 8px}.category-service-outer .snssupporter-platform-header .category-icon-wrap{display:flex;align-items:center}.category-service-outer .snssupporter-platform-header .category-icon-wrap img{width:18px;height:18px;object-fit:contain}.category-service-outer .snssupporter-platform-header .category-name-wrap{font-weight:500;font-size:13px;color:#64748b}.category-service-outer>.category-briefing-row .briefing-right{display:flex;align-items:center;gap:8px}#service_description .order-item-info-wrap{margin-bottom:0 !important;border-radius:4px 4px 0 0}.service-deadline-wrap{margin:0;padding:12px 24px 16px;border-top:1px solid #e5e8eb;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 4px 4px;background:#f8f9fa}.service-deadline-wrap:not(:has(.briefing-deadline:not(:empty))):not(:has(.briefing-linked-badge:not([style*="display:none"]))){display:none}.service-deadline-wrap .service-deadline-top{display:flex;justify-content:flex-start;margin-bottom:6px}.service-deadline-wrap .service-deadline-top:not(:has(.briefing-linked-badge:not([style*="display:none"]))){display:none}.service-deadline-wrap .briefing-deadline:empty{display:none}.service-deadline-wrap .briefing-deadline{display:block;background:none;line-height:1.4}.service-deadline-wrap .briefing-deadline-main{display:block;font-size:13px;font-weight:600;color:#191f28;letter-spacing:-0.02em}.service-deadline-wrap .briefing-deadline.deadline-closed .briefing-deadline-main{color:#dc2626}.service-deadline-wrap .deadline-countdown-box{display:inline-block;font-family:'SF Mono','Menlo','Monaco','Consolas',monospace;font-size:11px;font-weight:600;color:#ce391b;background:#f2f4f6;padding:2px 8px;border-radius:4px;letter-spacing:0.5px;min-width:62px;text-align:center}.service-deadline-wrap .briefing-deadline-detail{display:block;font-size:11px;font-weight:400;color:#8b95a1;margin-top:5px;letter-spacing:-0.02em}.service-deadline-wrap .deadline-svc-badge{display:inline-block;font-size:10px;font-weight:600;color:#4e5968;background:#f2f4f6;padding:2px 8px;border-radius:4px;margin-right:4px;vertical-align:middle;letter-spacing:-0.02em}.category-service-outer>.category-briefing-row{margin:0 16px;padding:14px 0 12px;border-top:1px solid #f2f4f6}.category-service-outer>.category-briefing-row .briefing-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.category-service-outer>.category-briefing-row .briefing-cat-label{font-size:13px;font-weight:700;color:#191f28;letter-spacing:-0.3px}.category-service-outer>.category-briefing-row .briefing-service-name{font-size:11px;font-weight:400;color:#8b95a1;letter-spacing:-0.2px}.category-service-outer>.category-briefing-row .briefing-efficiency-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:#fffbeb;border-radius:6px;letter-spacing:-0.02em}.category-service-outer>.category-briefing-row .briefing-efficiency-label{font-size:11px;font-weight:600;color:#b45309}.category-service-outer>.category-briefing-row .briefing-stars{display:flex;gap:1px}.category-service-outer>.category-briefing-row .briefing-star{font-size:11px;color:#e5e8eb;line-height:1;position:relative;display:inline-block}.category-service-outer>.category-briefing-row .briefing-star.filled{color:#f59e0b}.category-service-outer>.category-briefing-row .briefing-star.half{color:#e5e8eb;background:linear-gradient(90deg,#f59e0b 50%,#e5e8eb 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-service-outer>.category-briefing-row .briefing-body{font-size:13px;font-weight:400;color:#6b7684;line-height:1.65;word-break:keep-all;letter-spacing:-0.3px}.category-service-outer>.category-briefing-row .briefing-body p{margin:0}.category-service-outer>.category-briefing-row .briefing-body strong{font-weight:600;color:#333d4b}.category-service-outer>.category-briefing-row .briefing-body em{font-style:normal;font-weight:600;color:#ce391b}.category-service-outer>.category-briefing-row .briefing-body u{text-decoration:none;background:linear-gradient(transparent 60%,#dbeafe 60%)}.category-service-outer .efficiency-gauge-container{display:block;width:100%;padding:12px 16px;margin:0;background:transparent;box-sizing:border-box}.snssupporter-platform-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;font-size:14px;font-weight:600;color:#333}.snssupporter-platform-header img,.snssupporter-platform-header i{width:20px;height:20px;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.snssupporter-platform-header{font-size:12px;padding:6px 10px;margin-bottom:10px;gap:6px}.snssupporter-platform-header img,.snssupporter-platform-header i{width:16px;height:16px}.category-service-outer .snssupporter-platform-header{padding:8px 12px;gap:4px}.category-service-outer .snssupporter-platform-header .platform-name{font-size:13px}.category-service-outer .snssupporter-platform-header .category-name-wrap{font-size:12px}.category-service-outer>.category-briefing-row{margin:0 12px;padding:10px 0 8px}.category-service-outer>.category-briefing-row .briefing-cat-label{font-size:12px}.category-service-outer>.category-briefing-row .briefing-star{font-size:12px}.category-service-outer>.category-briefing-row .briefing-body{font-size:12px}}.snssupporter-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}@media (max-width:768px){.snssupporter-category-grid{grid-template-columns:repeat(2,1fr)}}.snssupporter-category-tabs{display:flex;gap:4px;margin-bottom:12px;background:#e8ecf1;padding:4px;border-radius:10px;position:relative;border:none}.snssupporter-tab-slider{position:absolute;top:4px;left:4px;width:calc(50% - 6px);height:calc(100% - 8px);background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.2s cubic-bezier(0.4,0,0.2,1);z-index:0;border:none}.snssupporter-tab-slider[data-active="auto"]{transform:translateX(calc(100%+4px))}.snssupporter-tab-btn{flex:1;padding:9px 16px;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:500;color:#8b95a1;cursor:pointer;transition:color 0.15s ease;position:relative;z-index:1}.snssupporter-tab-btn::before{display:none}.snssupporter-tab-btn:hover{color:#475569}.snssupporter-tab-btn.active{color:#191f28;font-weight:700}@media (max-width:768px){.snssupporter-category-tabs{margin-bottom:10px;padding:3px}.snssupporter-tab-btn{padding:8px 14px;font-size:12px}.snssupporter-tab-slider{top:3px;left:3px;height:calc(100% - 6px)}}.category-badge{position:absolute;bottom:2px;right:4px;font-size:8px;font-weight:700;padding:1px 5px;border-radius:3px;line-height:1.4;letter-spacing:0.3px}.category-badge-hot{background:#ef4444;color:#fff}.category-badge-new{background:#ff4620;color:#fff}.category-badge-best{background:#f59e0b;color:#fff}.snssupporter-category-btn{position:relative;width:100%;padding:14px 12px;border:none;border-bottom:1px solid #e2e8f0;border-radius:0;background:transparent;cursor:pointer;text-align:left;overflow:hidden;transition:all 0.15s ease;box-sizing:border-box}.snssupporter-category-btn:last-child{border-bottom:none}.btn-content{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.btn-category-icon{flex-shrink:0;display:flex;align-items:center}.btn-category-icon img,.btn-category-icon span{width:20px !important;height:20px !important;object-fit:contain}.btn-text{flex:1;font-size:13px;color:#334155;font-weight:500;transition:color 0.15s ease;word-break:keep-all;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.btn-icon{opacity:0;transform:translateX(-4px);transition:all 0.15s ease;color:#64748b}.btn-icon svg{width:14px;height:14px;stroke:currentColor;stroke-width:2}.snssupporter-category-btn:hover{background:#f2f4f6}.snssupporter-category-btn:hover .btn-text{transform:none;color:#0f172a}.snssupporter-category-btn:hover .btn-icon{opacity:0.5;transform:translateX(0)}.snssupporter-category-btn.active{background:#f0f5ff;border-bottom:none;border-left:3px solid #ce391b}.snssupporter-category-btn.active .btn-text{color:#191f28;font-weight:600}.snssupporter-category-btn.active .btn-icon{opacity:1;transform:translateX(0);color:#ff4620}.sub-item{position:relative;padding-left:12px;background:#f8fafc;width:100%}.sub-item::before{content:'';position:absolute;left:5px;top:50%;transform:translateY(-50%);width:3px;height:3px;background:#94a3b8;border-radius:50%}@media (max-width:768px){.snssupporter-category-container{padding:12px;border-radius:6px}.snssupporter-category-grid{gap:6px}.snssupporter-category-btn{padding:10px 8px}.btn-category-icon img,.btn-category-icon span,.btn-category-icon div{width:16px !important;height:16px !important}.btn-text{font-size:11px;color:#334155}.snssupporter-category-btn.active .btn-text{color:#191f28}}@media (max-width:360px){.snssupporter-category-container{padding:10px}.btn-text{font-size:10px}}.message-bubble{font-size:14px;line-height:1.5;font-weight:500;text-align:center;width:100%;margin-bottom:16px;padding:14px 24px;border-radius:10px;background:#f8f9fc;color:#374151;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.message-bubble::before{font-family:"Font Awesome 5 Pro";font-weight:900;font-size:0.875rem;content:"\f135";margin-right:8px;color:#ff4620;display:inline-block;width:1em;text-align:center}@media screen and (max-width:480px){.message-bubble{font-size:10px;padding:10px 14px;text-align:left}}.signup-link{color:#ce391b;text-decoration:none;font-weight:500;transition:all 0.2s ease}.sub-heading{font-size:9px;color:#999;margin-top:5px}@media screen and (max-width:400px){.sub-heading{font-size:7px}}.tab-content{padding:15px 0}.tab-content h5{color:#1e293b;font-size:16px;font-weight:600}.text-center{text-align:center}.text-right{text-align:right}@media (max-width:768px){.reward-guide-card{padding:12px !important;gap:10px !important;border-radius:12px !important;border-width:1.5px !important}.reward-guide-icon{width:40px !important;height:40px !important;box-shadow:0 2px 8px rgba(40,167,69,0.25) !important}.reward-guide-icon-i{font-size:14px !important}.reward-guide-title{font-size:11px !important;font-weight:600 !important;margin-bottom:3px !important}.reward-guide-desc{font-size:9px !important;line-height:1.3 !important}.guide-cards-section{gap:10px !important;margin-bottom:20px !important}}#platformModal .modal-dialog{display:flex;align-items:center;min-height:calc(100% - 60px);margin:30px auto}.platform-modal-content{border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,0.08);width:100%}.platform-modal-header{background:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:16px 20px}.platform-modal-header .modal-title{font-weight:600;font-size:1.125rem;color:#333}.platform-modal-header .close{color:#666;opacity:0.6;font-size:24px;font-weight:300}.platform-modal-header .close:hover{opacity:1}.platform-modal-body{padding:20px;background:#fff}.platform-modal-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:10px;text-decoration:none;color:inherit;transition:border-color 0.2s ease}.platform-modal-option:hover{border-color:#999}.platform-modal-option:last-child{margin-bottom:0}@media (max-width:576px){#platformModal .modal-dialog{margin:10px;min-height:calc(100% - 20px)}.platform-modal-header{padding:14px 16px}.platform-modal-header .modal-title{font-size:1rem}.platform-modal-body{padding:16px}.platform-modal-option{padding:12px 14px;gap:12px}.option-icon{width:36px;height:36px;font-size:16px}.option-title{font-size:0.875rem}.option-description{font-size:0.75rem}}.whysupporter-item{background-color:#fff;padding:32px;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.08);margin-bottom:1rem;width:100%}.whysupporter-title{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;width:100%;color:#1f2937;padding-bottom:16px;border-bottom:1px solid #f0f0f0;margin-bottom:0}.whysupporter-title h2{font-size:18px;font-weight:600;padding:0;margin:0;color:#1f2937}.whysupporter-tabs{display:flex;gap:0;margin:24px 0 0 0;border-bottom:2px solid #e5e7eb}.whysupporter-tab-btn{flex:1;padding:14px 16px;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.whysupporter-tab-btn:hover{color:#dc3c1a;background:#f8faff}.whysupporter-tab-btn.active{background:transparent;border-bottom:2px solid #dc3c1a;color:#dc3c1a;font-weight:600}.whysupporter-tab-content{display:none;padding:8px 0}.whysupporter-tab-content.active{display:block;animation:fadeInSimple 0.2s ease}.whysupporter-content-body{line-height:1.7;color:#444}.tab-header-row{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px}.guide-buttons-inline{display:flex;gap:8px;flex-wrap:wrap}.guide-btn-inline{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.guide-btn-inline:hover{background:#ff4620;color:#fff;border-color:#ff4620;box-shadow:0 2px 8px rgba(59,130,246,0.25);transform:translateY(-1px)}.guide-btn-inline.warning{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.guide-btn-inline.warning:hover{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 2px 8px rgba(16,185,129,0.25)}.guide-btn-inline i{font-size:11px}@media screen and (max-width:768px){.tab-header-row{margin-bottom:8px}.guide-btn-inline{padding:6px 10px;font-size:11px}}.product-effects-section{margin-top:28px;padding-top:24px;border-top:1px solid #e2e8f0}.product-effects-title{font-size:17px;font-weight:700;color:#1f2937;margin-bottom:16px;padding-left:2px}.product-effects-body{}@media screen and (max-width:768px){.product-effects-section{margin-top:20px;padding-top:20px}.product-effects-title{font-size:15px;margin-bottom:12px}}.whysupporter-feature{display:flex;gap:16px;padding:24px 0;border-bottom:1px solid #eef2f6;transition:all 0.2s ease}.whysupporter-feature:first-child{padding-top:0}.whysupporter-feature:last-child{border-bottom:none;padding-bottom:0}.whysupporter-feature:hover{transform:translateX(4px)}.whysupporter-feature-icon{flex-shrink:0;width:56px;height:56px;background:none;border-radius:0;display:flex;align-items:center;justify-content:center;box-shadow:none}.whysupporter-feature-icon img{width:56px;height:56px;object-fit:contain}.whysupporter-feature-icon svg{width:24px;height:24px}.whysupporter-feature-content{flex:1;min-width:0;padding-top:2px}.whysupporter-feature-title{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:8px;display:inline;letter-spacing:-0.3px;background-image:linear-gradient(transparent 60%,rgba(24,91,220,0.15) 60%);background-repeat:no-repeat;background-size:100% 100%;padding:0 4px 0 0}.whysupporter-feature-desc{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:12px;letter-spacing:-0.2px}.whysupporter-feature-list{list-style:none;padding-left:0;margin:0}.whysupporter-feature-list li{font-size:13px;position:relative;padding-left:14px;margin-bottom:6px;color:#6b7280;line-height:1.5;letter-spacing:-0.2px}.whysupporter-feature-list li:last-child{margin-bottom:0}.whysupporter-feature-list li::before{content:"•";position:absolute;left:0;top:0;color:#dc3c1a;font-weight:bold;line-height:1.5}@keyframes fadeInSimple{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.whysupporter-item{padding:24px 20px;background:#fff}.whysupporter-title{margin-bottom:20px}.whysupporter-title h2{font-size:18px}.whysupporter-feature{flex-direction:row;gap:14px;padding:20px 0}.whysupporter-feature:hover{transform:none}.whysupporter-feature-icon{width:40px;height:40px;border-radius:10px}.whysupporter-feature-icon svg{width:20px;height:20px}.whysupporter-feature-title{font-size:15px}.whysupporter-feature-desc,.whysupporter-feature-list li{font-size:13px}}.guide-scroll-section{width:100%;position:relative;padding:10px 0}.horizontal-scroll-container{display:flex;overflow-x:auto;gap:16px;padding:10px 4px 30px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.horizontal-scroll-container::-webkit-scrollbar{height:6px}.horizontal-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.horizontal-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.horizontal-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.guide-card{flex:0 0 280px;background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;scroll-snap-align:start;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;position:relative}.guide-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px rgba(0,0,0,0.12);border-color:#cbd5e1;z-index:1}.guide-card img{width:100%;height:160px;object-fit:contain;background:#f8fafc;border-radius:8px;margin-top:auto;padding:8px;border:1px solid #f1f5f9}.guide-card h4{font-size:16px;font-weight:700;margin:12px 0 8px;color:#1e293b;line-height:1.4;letter-spacing:-0.01em}.guide-card p{font-size:13px;color:#64748b;line-height:1.5;margin-bottom:16px;word-break:keep-all}.card-header-badge{align-self:flex-start;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.card-header-badge.step{background:#fff0ec;color:#ff4620}.card-header-badge.insta{background:#fdf2f8;color:#db2777}.card-header-badge.youtube{background:#fef2f2;color:#dc2626}.guide-tabs-container{width:100%;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.guide-tabs-container::-webkit-scrollbar{display:none}.guide-tabs{display:flex;gap:8px;padding:0 4px}.guide-tab-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:100px;font-size:14px;font-weight:600;color:#495057;white-space:nowrap;cursor:pointer;transition:all 0.2s ease}.guide-tab-btn img{width:20px;height:20px;object-fit:contain}.guide-tab-btn:hover{background:#e9ecef}.guide-tab-btn.active{background:#dc3c1a;color:#ffffff;border-color:#dc3c1a;box-shadow:0 2px 6px rgba(24,91,220,0.2)}.text-primary{color:#dc3c1a !important;font-weight:700}@media screen and (max-width:480px){.horizontal-scroll-container{padding-right:20px;gap:12px}.guide-card{flex:0 0 85%;scroll-snap-align:center;padding:16px}.guide-card h4{font-size:15px}}.whysupporter-cta-banner{margin-top:32px;margin-bottom:32px;background:linear-gradient(135deg,#f8faff 0%,#edf2ff 100%);border-radius:16px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e5eaf5;position:relative;overflow:hidden}.whysupporter-cta-banner::before{content:"";position:absolute;right:-30px;top:-30px;width:180px;height:180px;background:radial-gradient(circle,rgba(24,91,220,0.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.cta-content{position:relative;z-index:1;flex:1}.cta-content h3{font-size:17px;font-weight:700;color:#1f2937;margin:0 0 6px 0;letter-spacing:-0.4px}.cta-content p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.cta-button{position:relative;z-index:1;flex-shrink:0;background:#dc3c1a;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(24,91,220,0.2)}.cta-button:hover{background:#144ebd;transform:translateY(-2px);box-shadow:0 6px 16px rgba(24,91,220,0.3)}.cta-button svg{transition:transform 0.2s ease}.cta-button:hover svg{transform:translateX(4px)}@media screen and (max-width:768px){.whysupporter-cta-banner{flex-direction:column;align-items:stretch;text-align:center;padding:24px;margin-top:24px}.cta-content h3{font-size:16px}.cta-button{width:100%;justify-content:center;padding:14px}}.live-order-ticker{display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(135deg,#dc3c1a 0%,#ff4620 100%);max-width:100%;overflow:hidden;box-sizing:border-box;color:#fff;font-size:13px;font-weight:500;overflow:hidden;position:relative}.live-order-ticker.pc{border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px rgba(24,91,220,0.15)}.live-order-ticker.mo.signin{margin:0}@media screen and (min-width:769px) and (max-width:1440px){.live-order-ticker.mo{padding:8px 12px;font-size:12px;gap:8px}.live-order-ticker.mo .ticker-icon-img{width:18px;height:18px;padding:2px}}.ticker-icon-img{flex-shrink:0;width:22px;height:22px;object-fit:contain;background:#fff;border-radius:6px;padding:3px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.3s ease}.live-order-ticker:hover .ticker-icon-img{transform:scale(1.1)}.ticker-content{flex:1;overflow:hidden;position:relative;height:20px}.ticker-text{display:inline-block;white-space:nowrap;transition:transform 0.3s ease,opacity 0.3s ease}.ticker-text.slide-out{transform:translateY(-100%);opacity:0}.ticker-text.slide-in{animation:slideIn 0.4s ease forwards}@keyframes slideIn{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width:768px){.live-order-ticker{font-size:12px;padding:8px 12px;gap:8px}.ticker-icon-img{width:20px;height:20px;padding:2px;border-radius:5px}.ticker-content{height:18px}}.favorite-manage-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#ffffff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all 0.15s ease;white-space:nowrap}.favorite-manage-btn:hover{background:#fef3c7;border-color:#fcd34d;color:#92400e}.favorite-manage-btn:hover i{color:#f59e0b}.favorite-manage-btn i{font-size:11px;color:#9ca3af;transition:color 0.15s ease}.favorite-service-list{display:flex;flex-direction:column}.favorite-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:#6b7280;font-size:14px}.favorite-service-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f3f4f6;transition:background-color 0.15s ease}.favorite-service-item:last-child{border-bottom:none}.favorite-service-item:hover{background-color:#f9fafb}.favorite-service-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.favorite-service-name{font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-service-price{font-size:11px;color:#16a085;font-weight:500}.favorite-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:50%;transition:all 0.2s ease;flex-shrink:0}.favorite-toggle-btn:hover{background-color:#fef3c7}.favorite-toggle-btn [data-favorite-icon]{font-size:18px;color:#d1d5db;transition:all 0.2s ease}.favorite-toggle-btn.favorite-active [data-favorite-icon],.favorite-toggle-btn [data-favorite-icon].fas{color:#f59e0b}.favorite-toggle-btn:hover [data-favorite-icon]{transform:scale(1.2)}@media (max-width:768px){.favorite-manage-btn{padding:4px 8px;font-size:11px;border-radius:5px}.favorite-manage-btn span{display:none}.favorite-manage-btn i{font-size:12px}.favorite-service-item{padding:10px 14px}.favorite-service-name{font-size:12px}.favorite-toggle-btn{width:32px;height:32px}.favorite-toggle-btn i{font-size:16px}}app-modal .modal-content-card:has(.favorite-modal-content){background:#ffffff;padding:0}.favorite-modal-content{max-height:400px;overflow-y:auto}.favorite-hint{text-align:center;padding:12px 16px;margin:0;font-size:12px;color:#6b7280;border-top:1px solid #f3f4f6;background:#f9fafb}.favorite-actions{display:flex;gap:12px;padding:16px;border-top:1px solid #f3f4f6;background:#ffffff}.favorite-cancel-btn,.favorite-save-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.favorite-cancel-btn{background:#f3f4f6;color:#4b5563}.favorite-cancel-btn:hover{background:#e5e7eb}.favorite-save-btn{background:#ff4620;color:#ffffff}.favorite-save-btn:hover{background:#2563eb}.order-tab-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e8eb;margin-bottom:16px}.order-tab-buttons{display:flex;gap:4px;position:relative}.tab-indicator{position:absolute;bottom:-1px;height:2.5px;background:#ce391b;border-radius:2px 2px 0 0;transition:left 0.3s ease,width 0.3s ease}.order-tab-btn{padding:12px 16px;border:none;background:transparent;font-size:14px;font-weight:500;color:#8b95a1;cursor:pointer;position:relative;transition:color 0.15s ease}.notice-bubble{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;background:#f04452;color:#fff;font-size:10px;font-weight:700;padding:0 5px;border-radius:8px;margin-left:4px;line-height:1;text-align:center;box-sizing:border-box}.order-tab-btn:hover{color:#4e5968}.order-tab-btn.active{color:#191f28;font-weight:700}.order-tab-header .guide-start-btn{height:auto}.order-tab-content{min-height:200px}.news-ticker{display:flex;align-items:center;background:#f8fafc;border:1px solid #e5e8eb;border-radius:10px;padding:11px 14px;margin-bottom:16px;overflow:hidden;cursor:pointer;transition:background 0.15s ease}.news-ticker:hover{background:#f7f8fa}.ticker-label{flex-shrink:0;background:#f04452;color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px;margin-right:10px;letter-spacing:-0.02em}.ticker-content{flex:1;overflow:hidden;position:relative;height:20px}.ticker-item{display:flex;align-items:center;gap:8px;position:absolute;width:100%;opacity:0;transform:translateY(-100%);transition:all 0.4s ease}.ticker-item.active{opacity:1;transform:translateY(0)}.ticker-item.exit{opacity:0;transform:translateY(100%)}.ticker-title{flex:1;font-size:13px;font-weight:500;color:#333d4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.ticker-platform{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:#8b95a1}.ticker-platform .platform-icon{width:14px;height:14px;object-fit:contain}.ticker-date{font-size:11px;color:#b0b8c1;font-weight:500}.ticker-arrow{color:#b0b8c1;font-size:11px;margin-left:6px}@media (max-width:768px){.news-ticker{padding:9px 12px;border-radius:8px}.ticker-label{font-size:9px;padding:2px 6px}.ticker-title{font-size:12px}.ticker-meta{gap:4px}}.notice-info-header{display:flex;justify-content:flex-end;margin-bottom:8px}.notice-info-header .notice-info{font-size:12px;color:#9ca3af}#tab-notice .inner-wrap.notice{padding:0;background:transparent;border:none;box-shadow:none;margin:0}#tab-notice .notice-content{max-height:none;overflow-y:visible;padding:0;background:transparent;border:none;box-shadow:none;margin:0;border-radius:0}#tab-notice .notice-list{border:none;border-radius:0}#tab-notice .notice-item{padding:0;border-bottom:1px solid #f2f4f6;position:relative}#tab-notice .notice-item:last-child{border-bottom:none}#tab-notice .notice-link{display:flex;align-items:center;padding:14px 16px;text-decoration:none;transition:background 0.15s ease;gap:12px}#tab-notice .notice-link:hover{background:#f7f8fa}#tab-notice .notice-link>i{color:#b0b8c1;font-size:11px;flex-shrink:0}#tab-notice .notice-title-text{font-size:14px;font-weight:500;color:#333d4b;line-height:1.4}#tab-notice .notice-meta-wrap{display:flex;align-items:center;gap:8px;margin-top:4px}#tab-notice .notice-date{font-size:12px;color:#b0b8c1;font-weight:500}#tab-notice .notice-platform{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}#tab-notice .notice-platform .platform-icon{width:14px;height:14px;object-fit:contain}#tab-notice .notice-new-badge{flex-shrink:0;position:static;background:#f04452;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;border:none;line-height:1;margin:0}@media (max-width:768px){#tab-notice .notice-link{padding:12px 14px;gap:10px}#tab-notice .notice-title-text{font-size:13px}#tab-notice .notice-date,#tab-notice .notice-platform{font-size:11px}#tab-notice .notice-new-badge{font-size:9px;padding:2px 5px}}.notice-pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:20px;padding:16px 0}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all 0.15s ease}.pagination-btn:hover:not(:disabled):not(.active){background:#f3f4f6;border-color:#d1d5db}.pagination-btn.active{background:#1f2937;border-color:#1f2937;color:#fff}.pagination-btn:disabled{opacity:0.4;cursor:not-allowed}.pagination-prev,.pagination-next{padding:0 10px}.pagination-dots{color:#9ca3af;font-size:12px;padding:0 4px}@media (max-width:768px){.pagination-btn{min-width:28px;height:28px;font-size:12px}.notice-pagination{gap:2px}}@media (max-width:768px){.order-tab-header{padding:0 13px}.order-tab-btn{padding:10px 14px;font-size:13px}.order-tab-header .guide-start-btn{font-size:11px;padding:5px 8px}}.stats-section{margin-bottom:1rem}.stats-container{display:flex;align-items:center;justify-content:center;gap:0;background:linear-gradient(135deg,#dc3c1a 0%,#ff4620 100%);border-radius:16px;padding:28px 20px;box-shadow:0 4px 12px rgba(24,91,220,0.15)}.trust-stat-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.trust-stat-number{font-size:24px;font-weight:800;color:#fff;letter-spacing:-0.5px;line-height:1}.trust-stat-label{font-size:12px;font-weight:500;color:rgba(255,255,255,0.8);letter-spacing:-0.2px}.trust-stat-divider{width:1px;height:36px;background:rgba(255,255,255,0.2);flex-shrink:0}@media screen and (max-width:768px){.stats-container{padding:20px 12px;border-radius:12px}.trust-stat-number{font-size:18px}.trust-stat-label{font-size:10px}.trust-stat-divider{height:28px}}.review-section{margin-bottom:1rem}.review-container{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.review-header{margin-bottom:24px}.review-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 6px 0}.review-subtitle{font-size:13px;color:#9ca3af;margin:0}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:20px;transition:all 0.2s ease}.review-card:hover{border-color:#e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.review-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.review-user{display:flex;align-items:center;gap:10px}.review-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#dc3c1a,#ff4620);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.review-info{display:flex;flex-direction:column;gap:2px}.review-name{font-size:13px;font-weight:600;color:#374151}.review-service{font-size:11px;color:#ff4620;font-weight:500}.review-stars{color:#fbbf24;font-size:13px;letter-spacing:1px;flex-shrink:0}.review-text{font-size:13px;color:#4b5563;line-height:1.6;margin:0;letter-spacing:-0.2px;word-break:keep-all}@media screen and (max-width:768px){.review-container{padding:24px 20px;border-radius:12px}.review-grid{grid-template-columns:1fr;gap:10px}.review-card{padding:16px}.review-header h2{font-size:16px}.review-avatar{width:32px;height:32px;font-size:12px}.review-text{font-size:12px}}.signup-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:60px 20px 40px;background:#fff}.signup-page form{width:100%;max-width:460px}.step-dots{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:460px;margin-bottom:40px}.step-dot{width:8px;height:8px;border-radius:50%;background:#e5e8eb;transition:all 0.3s ease}.step-dot.active{width:24px;border-radius:4px;background:#ce391b}.step-dot.completed{background:#ce391b}.signup-step{animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:26px;font-weight:700;color:#191f28;line-height:1.45;margin:0 0 12px;letter-spacing:-0.3px}.step-desc{font-size:15px;color:#8b95a1;margin:0 0 36px;line-height:1.5}.terms-group{background:#f9fafb;border-radius:16px;padding:4px}.terms-item{display:flex;align-items:center;padding:16px;cursor:pointer;border-radius:12px;transition:background 0.15s;margin:0}.terms-item:hover{background:#f2f4f6}.terms-item input[type="checkbox"]{display:none}.terms-checkbox{width:22px;height:22px;border:2px solid #d1d6db;border-radius:6px;margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;position:relative}.terms-checkbox::after{content:'';width:12px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);position:absolute;top:4px;opacity:0;transition:opacity 0.15s}.terms-item input:checked+.terms-checkbox{background:#ce391b;border-color:#ce391b}.terms-item input:checked+.terms-checkbox::after{opacity:1}.terms-text{font-size:15px;color:#333d4b;font-weight:400;line-height:1.4}.terms-text a{color:#333d4b;text-decoration:underline;text-underline-offset:2px}.terms-text a:hover{color:#ce391b}.terms-all .terms-text{font-weight:600;font-size:16px;color:#191f28}.terms-all .terms-checkbox{width:24px;height:24px;border-radius:8px}.terms-badge{display:inline-block;font-size:12px;font-weight:600;color:#ce391b;margin-left:4px}.terms-badge.optional{color:#8b95a1}.terms-divider{height:1px;background:#e5e8eb;margin:2px 16px}.field-group{display:flex;flex-direction:column;gap:4px}.signup-page .form-group{margin-bottom:20px}.signup-page .form-group label{display:block;font-size:13px;font-weight:600;color:#333d4b;margin-bottom:8px}.signup-page .form-control{width:100%;padding:14px 16px;border:1px solid #e5e8eb;border-radius:12px;font-size:15px;background:#fff;color:#191f28;transition:border-color 0.2s,box-shadow 0.2s;outline:none}.signup-page .form-control:hover{border-color:#d1d6db}.signup-page .form-control:focus{border-color:#ce391b;box-shadow:0 0 0 3px rgba(49,130,246,0.12)}.signup-page .form-control::placeholder{color:#adb5bd}.signup-page .form-control.verified{background:#f9fafb;color:#6b7280}.field-hint{font-size:13px;color:#8b95a1;margin:6px 0 0 2px;line-height:1.4;transition:color 0.2s}.field-hint.error{color:#f04452}.field-hint.valid{color:#ce391b}.referral-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.referral-chip{cursor:pointer;margin:0}.referral-chip input{display:none}.referral-chip span{display:inline-block;padding:10px 18px;border:1px solid #e5e8eb;border-radius:10px;font-size:14px;font-weight:500;color:#4e5968;background:#fff;transition:all 0.15s ease}.referral-chip:hover span{border-color:#d1d6db;background:#f9fafb}.referral-chip input:checked+span{border-color:#ce391b;background:#f0f6ff;color:#ce391b;font-weight:600}#skype-direct{margin-top:12px}.consult-group{margin-top:32px;padding-top:24px;border-top:1px solid #f2f4f6}.consult-banner{background:#f0f6ff;border-radius:14px;padding:20px 24px;margin-bottom:16px}.consult-banner-text{font-size:15px;font-weight:600;color:#191f28;line-height:1.5;margin:0 0 8px}.consult-banner-sub{font-size:13px;color:#6b7280;line-height:1.5;margin:0}.consult-skip-hint{font-size:12px;color:#adb5bd;text-align:right;margin:4px 4px 0 0}#consult-fields{margin-top:20px;display:flex;flex-direction:column;gap:4px}#consult-fields textarea.form-control{resize:none;line-height:1.5}.sms-section{margin-top:8px}.sms-input-row{display:flex;gap:8px;align-items:stretch}.sms-input-row .form-control{flex:1;min-width:0}.signup-page .btn-sms-send{flex-shrink:0;min-width:120px;padding:14px 20px;background:#ce391b !important;color:#fff !important;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background 0.2s;white-space:nowrap}.signup-page .btn-sms-send:hover{background:#1b6ff0 !important}.signup-page .btn-sms-outline{flex:1;padding:14px 20px;background:#fff !important;color:#333d4b !important;border:1px solid #e5e8eb;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s}.signup-page .btn-sms-outline:hover{border-color:#ce391b;color:#ce391b !important}.sms-timer{display:flex;align-items:center;padding:0 12px}.timer-display{font-weight:600;font-size:14px;color:#ce391b;min-width:50px}.timer-display.text-danger{color:#ef4444 !important}.sms-btn-row{display:flex;gap:8px;margin-top:12px}.sms-btn-row .btn-sms-send{flex:1}.verification-success{display:flex;align-items:center;gap:10px;background:#e8f5e9;color:#166534;border-radius:12px;padding:16px 20px;margin-top:16px;font-size:14px;font-weight:500}.spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.signup-nav{display:flex;gap:10px;margin-top:40px;padding-top:24px}.signup-page .btn-prev{flex:0 0 auto;padding:16px 28px;background:#f2f4f6 !important;color:#4e5968 !important;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:background 0.2s}.signup-page .btn-prev:hover{background:#e5e8eb !important}.signup-page .btn-next,.signup-page .btn-submit{flex:1;padding:16px 28px;background:#ce391b !important;color:#fff !important;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:background 0.2s}.signup-page .btn-next:hover,.signup-page .btn-submit:hover{background:#1b6ff0 !important}.btn-next:active,.btn-submit:active{transform:scale(0.98)}.signup-login-link{text-align:center;margin-top:24px;padding-bottom:40px;font-size:14px;color:#8b95a1}.signup-login-link a{color:#ce391b;text-decoration:none;font-weight:600}.signup-login-link a:hover{text-decoration:underline}.signup-page .alert{padding:14px 16px;border-radius:12px;margin-bottom:20px;border:none;font-size:14px;font-weight:500}.signup-page .alert-success{background:#e8f5e9;color:#166534}.signup-page .alert-danger{background:#fef2f2;color:#dc2626}.captcha-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f2f4f6}.d-none{display:none !important}@media (max-width:576px){.signup-page{padding:32px 16px 24px}.step-dots{margin-bottom:28px}.step-title{font-size:22px}.step-desc{font-size:14px;margin-bottom:28px}.signup-page .form-control{padding:14px 14px;font-size:16px}.terms-item{padding:14px 12px}.terms-text{font-size:14px}.btn-prev{padding:14px 20px;font-size:15px}.btn-next,.btn-submit{padding:14px 20px;font-size:15px}.sms-input-row{flex-direction:column;gap:10px}.btn-sms-send{width:100%;min-width:auto;padding:14px 16px;font-size:16px}.sms-btn-row{flex-direction:column;gap:10px}.sms-btn-row .btn-sms-send,.sms-btn-row .btn-sms-outline{width:100%;padding:14px 16px;font-size:16px}}.notice-page{max-width:800px;margin:0 auto;padding:20px}.update-item{margin-bottom:30px;padding:25px;border:1px solid #e1e4e8;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.04)}.update-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eaecef}.update-header h2{font-size:20px;color:#24292e;margin:0;font-weight:600}.update-header time{color:#666;font-size:14px}.service-status{background:#f6f8fa;padding:12px 15px;border-radius:6px;margin-bottom:20px;font-size:14px}.status-active{color:#28a745;font-weight:600}.update-content ul{list-style:none;padding-left:0;margin:0}.update-content li{margin-bottom:12px;padding-left:20px;position:relative;color:#444;line-height:1.6}.update-content li::before{content:"•";position:absolute;left:0;color:#0366d6}.pagination{margin-top:40px;padding-top:20px;border-top:1px solid #eaecef}.pagination-list{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:0}.page-item{margin:0 3px}.page-item a,.page-item span{display:inline-block;padding:8px 12px;color:#24292e;text-decoration:none;border-radius:6px;font-size:14px}.page-item a:hover{background-color:#f6f8fa}.page-item.active a{background-color:#0366d6;color:#fff}.page-item.next a{font-weight:500}@media (max-width:768px){.notice-page{padding:15px}.update-item{padding:20px}.update-header{flex-direction:column;align-items:flex-start}.update-header time{margin-top:8px}.pagination-list{flex-wrap:wrap}}.notice-page .notice-title{font-size:20px;color:#24292e;text-align:center;margin-bottom:16px;font-weight:600}.notice-page .notice-description{color:#586069;font-size:16px;text-align:center;line-height:1.6;margin-bottom:40px}.notice-cta{margin:40px 0;padding:30px;background:#f8f9fa;border-radius:10px;text-align:center;border:1px solid #e1e4e8}.notice-cta__title{font-size:20px;color:#24292e;margin-bottom:12px}.notice-cta__text{color:#444;margin-bottom:20px;font-size:18px;font-weight:500}.notice-cta__button{display:inline-block;padding:14px 28px;background-color:#0366d6;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color 0.2s}.notice-cta__button:hover{background-color:#0256b9}@media (max-width:768px){.notice-cta{padding:20px;margin:30px 0}.notice-cta__button{width:100%;text-align:center}}.notice-title{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:bold;word-break:break-all;width:100%;position:relative;color:#000;padding-bottom:3px;border-bottom:1px solid #ededed}.notice-info{font-size:13px;color:#666;font-weight:normal;display:flex;align-items:center;gap:4px}@media (max-width:768px){.notice-info{font-size:11px;gap:3px}}.notice .notice-title h2,.notice .notice-title h3{font-size:24px;padding:8px 0;margin:0}@media (max-width:768px){.notice .notice-title h2,.notice .notice-title h3{font-size:16px;padding:6px 0}}.notice-content{max-height:200px;overflow-y:auto;padding:15px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.05);margin:10px 0}.notice-content::-webkit-scrollbar{width:8px}.notice-content::-webkit-scrollbar-track{background:#e9ecef;border-radius:3px}.notice-content::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:3px}.notice-content::-webkit-scrollbar-thumb:hover{background:#6c757d}.notice-list{list-style:none;padding:0;margin:0}.notice-item{padding:10px 15px;border-bottom:1px solid #e9ecef;transition:background-color 0.2s}.notice-item:last-child{border-bottom:none}.notice-item:hover{background-color:#fff}.notice-date{font-size:12px;color:#666;margin-right:10px}.notice-link{color:#333;text-decoration:none;font-size:14px;display:flex;align-items:center;justify-content:space-between;padding-right:1rem;position:relative}.notice-link:hover{color:#007bff}.notice-link i{font-size:0.875rem;color:#6c757d;margin-left:0.5rem}.notice-new-badge{flex-shrink:0;background:#f04452;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;line-height:1;border:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:768px){.notice-content{padding:10px;max-height:150px}.notice-date{font-size:10px}.notice-link{font-size:12px}.notice-item{padding:8px 10px}.notice-new-badge{font-size:9px;padding:2px 5px;top:6px;right:32px}}.notice-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:10001;animation:noticeModalFadeIn 0.3s ease}.notice-modal{align-items:stretch;justify-content:flex-end}.notice-modal-content{background:white;border-radius:0;padding:0;width:50%;height:100%;max-height:100vh;overflow:hidden;position:relative;box-shadow:-4px 0 20px rgba(0,0,0,0.1);animation:noticeModalSlideLeft 0.3s ease;display:flex;flex-direction:column}.notice-modal-content .modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;color:#64748b;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all 0.2s ease}.notice-modal-content .modal-close:hover{background:#f1f5f9;color:#1e293b}.notice-modal-footer{padding:16px 32px;border-top:1px solid #eef2f6;display:flex;justify-content:center;align-items:center;gap:12px;flex-shrink:0}.notice-close-btn{display:inline-block;padding:10px 32px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.notice-close-btn:hover{background:#e2e8f0;color:#1e293b}.notice-modal-footer .kakao-chat-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#FEE500;color:#3C1E1E;border:none;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.2s ease}.notice-modal-footer .kakao-chat-btn:hover{background:#F5DC00}.related-notices{margin-top:auto;padding:20px 32px 24px;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border-top:1px solid #e2e8f0;flex-shrink:0}.related-notices-title{font-size:13px;font-weight:600;color:#475569;margin:0 0 16px 0;display:flex;align-items:center;gap:6px}.related-notices-title::before{content:'';display:inline-block;width:3px;height:14px;background:rgba(0,68,151,0.6);border-radius:2px}.related-notices-list{list-style:none;padding:0;margin:0}.related-notice-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;transition:all 0.15s ease;border-bottom:1px solid #e2e8f0}.related-notice-item:last-child{border-bottom:none}.related-notices .notice-modal-footer{border-top:none;padding:20px 0 0 0;margin-top:16px}.related-notice-item:hover .related-notice-title{color:rgba(0,68,151,0.9)}.related-notice-title{font-size:14px;color:#334155;font-weight:400;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px;transition:color 0.15s ease}.related-notice-date{font-size:12px;color:#94a3b8;flex-shrink:0}@media (max-width:768px){.related-notice-item{padding:10px 0}.related-notice-title{font-size:13px}.related-notice-date{font-size:11px}}.notice-modal-header{padding:24px 32px;border-bottom:none;position:relative;background-color:rgba(0,68,151,0.08);border-radius:0;flex-shrink:0}.notice-modal-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 12px 0;line-height:1.4}.notice-modal-meta{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#64748b;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,68,151,0.15)}.notice-meta-left{display:flex;align-items:center;gap:8px}.notice-kakao-btn{display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease;margin-right:-8px}.notice-kakao-btn:hover{transform:scale(1.1)}.notice-kakao-btn img{border-radius:8px}.notice-modal-meta .notice-platform{font-weight:500;display:inline-flex;align-items:center;gap:4px}.notice-modal-meta .platform-icon{width:16px;height:16px;flex-shrink:0}.notice-modal-meta .platform-icon.verified-badge{background:#ff4620;border-radius:50%;padding:2px;width:16px;height:16px}.notice-modal-meta .platform-icon.verified-badge path{fill:#fff}.notice-modal-meta .notice-date{font-size:14px;color:#64748b}@media (max-width:768px){.notice-modal-header{padding:20px;border-radius:0}.notice-modal-title{font-size:1.25rem}.notice-modal-meta{font-size:12px}.notice-modal-meta .notice-date{font-size:12px}}.notice-time{color:#64748b;font-size:0.9rem;margin-bottom:16px;display:block}.notice-modal-body{color:#475569;font-size:0.95rem;font-weight:500;line-height:1.7;flex:1;overflow-y:auto;padding:24px 32px}.notice-modal-body strong{font-weight:700;color:#1e293b}.notice-modal-body h3{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.4}@media (max-width:768px){.notice-modal-body{font-size:0.7rem;line-height:1.7}.notice-modal-body h3{font-size:0.9rem}.notice-modal-body .notice-time{font-size:0.7rem}}.notice-modal-body ul{list-style:none;padding:0;margin:20px 0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.notice-modal-body li{margin:0;padding:14px 16px;color:#374151;list-style:none;display:flex;align-items:flex-start;border-bottom:1px solid #f3f4f6;font-size:14px;line-height:1.7}.notice-modal-body li:last-child{border-bottom:none}.notice-modal-body li::before{content:'•';color:#9ca3af;font-weight:bold;margin-right:10px;flex-shrink:0}.notice-modal-content::-webkit-scrollbar{width:8px}.notice-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.notice-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@keyframes noticeModalFadeIn{from{opacity:0}to{opacity:1}}@keyframes noticeModalSlideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes noticeModalSlideLeft{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.notice-modal-content{width:100%;max-width:100%;border-radius:0;padding:0}.notice-modal-body{padding:20px}.notice-modal-body h3{font-size:1.25rem}.notice-modal-body ul{margin:16px 0}.notice-modal-body li{padding:12px 14px;font-size:13px}.notice-modal-footer{padding:16px 20px}.related-notices{padding:16px 20px 20px}}@media (max-width:768px){#guideModal .notice-modal-body{font-size:0.85rem;line-height:1.8}#guideModal .notice-modal-body h3{font-size:1.1rem}#guideModal .notice-modal-title{font-size:1.1rem}}.notice-detail-content{color:#475569;font-size:0.95rem;line-height:1.7}.notice-detail-content h3{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.4}.notice-detail-content h4{color:#1f2937;font-weight:600;font-size:18px;margin:0}.notice-detail-content h5{color:#1f2937;font-weight:600;font-size:16px;margin:0 0 8px 0}@media (max-width:768px){.notice-detail-content{font-size:0.8rem;line-height:1.7}.notice-detail-content h3{font-size:0.9rem}.notice-detail-content h4{font-size:14px}.notice-detail-content h5{font-size:13px}.notice-footer-text{font-size:12px !important}.notice-footer-emoji{font-size:24px !important;margin-bottom:12px !important}.notice-footer-logo{width:48px !important;height:48px !important;margin-bottom:12px !important}.notice-footer-container{padding:20px 16px !important;margin:20px 0 !important}}.notice-content-wrap{display:flex;flex-direction:column;flex:1;min-width:0}.notice-title-wrap{display:flex;align-items:center;gap:6px}.notice-meta-wrap{display:flex;align-items:center;gap:8px;margin-top:2px}.notice-meta-wrap .notice-platform{font-size:14px;font-weight:400;display:inline-flex;align-items:center;gap:4px}.notice-meta-wrap .notice-platform .platform-icon{width:14px;height:14px}.ticker-platform{display:inline-flex;align-items:center;gap:3px}.ticker-platform .platform-icon{width:12px;height:12px}.notice-meta-wrap .notice-date{font-size:14px;color:#888}@media (max-width:480px){.notice-meta-wrap .notice-platform,.notice-meta-wrap .notice-date{font-size:12px}}.faq-page{background-color:#f8fafc;min-height:100vh;flex:1;width:100%;padding:2.5rem 2rem}.faq-container{width:100%;max-width:100%;padding:0 1rem;margin:0}.faq-header{text-align:left;margin-bottom:1.5rem;background:transparent;padding:0;border:none;box-shadow:none}.faq-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 0.5rem;background:transparent}.faq-subtitle{font-size:0.95rem;color:#6b7280;margin:0;background:transparent}.faq-tabs{display:flex;justify-content:flex-start;gap:8px;margin-bottom:1.5rem;flex-wrap:wrap}.faq-tabs .nav-link{background-color:#fff;color:#4b5563;border:1px solid #e5e7eb;border-radius:25px;padding:10px 24px;font-size:14px;font-weight:500;transition:all 0.2s ease;text-decoration:none;cursor:pointer}.faq-tabs .nav-link:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#1f2937}.faq-tabs .nav-link.active{background:linear-gradient(135deg,#ff4620 0%,#2563eb 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(59,130,246,0.3)}.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq-item{display:contents}.faq-question{width:100%;height:100%;min-height:72px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.2s ease;font-size:1rem;font-weight:600;color:#1a1a1a;text-align:left;gap:16px}.faq-question:hover{background-color:#ffeae6;border-color:#ff4620;box-shadow:0 4px 12px rgba(59,130,246,0.1)}.faq-question i{color:#ff4620;font-size:12px;transition:transform 0.2s ease;flex-shrink:0}.faq-question:hover i{transform:translateX(4px)}.faq-answer{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.faq-page{padding:1rem 0.75rem 80px}.faq-container{padding:0}.faq-header{margin-bottom:1rem}.faq-title{font-size:1.2rem}.faq-subtitle{font-size:0.8rem}.faq-tabs{gap:4px;margin-bottom:1rem}.faq-tabs .nav-link{padding:6px 12px;font-size:11px}.faq-list{grid-template-columns:1fr;gap:8px}.faq-question{min-height:auto;padding:12px 14px;font-size:0.75rem;font-weight:500;color:#374151;border-radius:8px}.faq-question i{font-size:10px}}.terms-of-service{max-width:800px;margin:0 auto;padding:2rem;line-height:1.6;color:#333}.terms-title{font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #eee}.terms-section{margin-bottom:2.5rem}.terms-section h3{font-size:1.3rem;margin-bottom:1rem;color:#222;font-weight:600}.terms-content{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.terms-content ol,.terms-content ul{padding-left:1.5rem;margin:1rem 0}.terms-content li{margin-bottom:0.8rem}.note{color:#666;font-size:0.9rem;margin-top:1rem;padding-left:1rem;border-left:3px solid #ddd}@media (max-width:768px){.terms-of-service{padding:1rem}.terms-title{font-size:1.5rem}.terms-section h3{font-size:1.2rem}.terms-content{padding:1rem}}.privacy-policy{max-width:800px;margin:0 auto;padding:2rem;line-height:1.6;color:#333}.privacy-title{font-size:2rem;margin-bottom:1.5rem;color:#333}.last-updated{color:#666;margin-bottom:2rem}.privacy-policy section{margin-bottom:3rem}.privacy-policy h3{font-size:1.5rem;margin:2rem 0 1rem;color:#333;border-bottom:2px solid #eee;padding-bottom:0.5rem}.privacy-policy h4{font-size:1.2rem;margin:1.5rem 0 0.5rem;color:#444}.info-content{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin:1rem 0}.info-table{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin:1rem 0}.privacy-policy ul{padding-left:1.5rem;margin:1rem 0}.privacy-policy li{margin-bottom:0.5rem}.privacy-policy p{margin-bottom:1rem}.collection-details,.destruction-details,.security-details{background:#fff;padding:1.5rem;border-radius:8px;margin:1rem 0;box-shadow:0 1px 3px rgba(0,0,0,0.1)}@media (max-width:768px){.privacy-policy{padding:1rem}.privacy-title{font-size:1.5rem}.privacy-policy h3{font-size:1.3rem}.privacy-policy h4{font-size:1.1rem}}.blog-section{background-color:#f8fafc;min-height:100vh;flex:1;width:100%;padding:2.5rem 2rem}.blog-section .container{width:100%;max-width:100%;padding:0 1rem}.blog-header{text-align:left;margin-bottom:1.5rem}.blog-main-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 0.5rem}.blog-description{font-size:0.95rem;color:#6b7280}.category-navigation{margin-bottom:1.5rem}.category-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;list-style:none;margin:0;padding:0}.category-button{padding:10px 24px;font-size:14px;font-weight:500;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:25px;cursor:pointer;transition:all 0.2s ease}.category-button:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#1f2937}.category-button.active,.category-button[aria-pressed="true"]{background:linear-gradient(135deg,#ff4620 0%,#2563eb 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(59,130,246,0.3)}.blog-list{display:grid;grid-template-columns:1fr;gap:20px;width:100%}@media (min-width:640px){.blog-list{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:992px){.blog-list{grid-template-columns:repeat(3,1fr);gap:24px}}.blog-post{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.04),0 4px 12px rgba(0,0,0,0.03);transition:transform 0.25s,box-shadow 0.25s}.blog-post:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,0.1)}.blog-section .post-content{display:flex;flex-direction:column;height:100%}.blog-section .post-thumbnail{display:block;aspect-ratio:16 / 8;overflow:hidden;background:#f1f3f5}.blog-section .post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s}.blog-section .blog-post:hover .post-thumbnail img{transform:scale(1.06)}.blog-section .post-text{flex:1;display:flex;flex-direction:column;padding:20px}.blog-section .post-title{font-size:14px;font-weight:600;line-height:1.5;color:#212529;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-section .post-title a{color:inherit;text-decoration:none}.blog-section .post-title a:hover{color:#ce391b}.blog-section .post-excerpt{flex:1;font-size:14px;line-height:1.6;color:#868e96;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-section .post-excerpt p{margin:0}.blog-section .post-meta{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid #f1f3f5;font-size:12px;color:#adb5bd}.blog-section .post-meta .category{background:#f0f4ff;color:#ce391b;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.blog-section .read-more{margin-left:auto;font-size:13px;font-weight:600;color:#ce391b;text-decoration:none}.blog-section .read-more:hover{text-decoration:underline}.blog-section .pagination{margin-top:3rem}.blog-section .pagination-list{display:flex;justify-content:center;gap:6px;list-style:none;padding:0;margin:0}.blog-section .pagination-list li a{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;font-size:14px;font-weight:500;color:#495057;background:#fff;border:1px solid #dee2e6;border-radius:8px;text-decoration:none;transition:all 0.15s}.blog-section .pagination-list li a:hover{color:#ce391b;border-color:#ce391b}.blog-section .pagination-list li.active a{color:#fff;background:#ce391b;border-color:#ce391b}@media (max-width:768px){.blog-section{padding:1rem 0.75rem 80px}.blog-header{margin-bottom:1rem}.blog-main-title{font-size:1.2rem}.blog-description{font-size:0.8rem}.category-navigation{margin-bottom:1rem}.category-list{gap:4px}.category-button{padding:6px 12px;font-size:11px}.blog-section .post-text{padding:16px}.blog-section .post-title{font-size:13px}.blog-section .post-excerpt{font-size:13px}}html{scroll-behavior:smooth}.post-content{background:#fff;padding:2.5rem;margin-bottom:2rem;border-radius:1rem;box-shadow:0 4px 24px rgba(0,0,0,0.04)}.post-thumbnail{margin:-2.5rem -2.5rem 2rem -2.5rem;position:relative;overflow:hidden;border-radius:1rem 1rem 0 0}.post-thumbnail img{width:100%;height:auto;display:block;transition:transform 0.3s ease}.post-thumbnail:hover img{transform:scale(1.02)}.post-title{font-size:2rem;color:#1a1a1a;margin:1.5rem 0;line-height:1.3;font-weight:700;letter-spacing:-0.02em}.post-body{font-size:1.125rem;line-height:1.8;color:#444;margin-bottom:2.5rem}.post-body h2{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:2rem 0 1rem;line-height:1.4}.post-tags{margin:2.5rem 0;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:0.75rem;flex-wrap:wrap;align-items:center}.post-tags .label{color:#6b7280;font-weight:500}.post-tags .tag{display:inline-block;padding:0.5rem 1rem;border:1px solid #e5e7eb;border-radius:2rem;background:none;color:#374151;font-size:0.875rem;text-decoration:none;transition:all 0.2s}.post-tags .tag:hover{background-color:#2563eb;color:white;border-color:#2563eb}.promotion-content{margin-top:3.5rem;padding:3rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:1rem;text-align:center;position:relative;overflow:hidden}.promotion-icon{font-size:3rem;margin-bottom:1rem}.promotion-title{font-size:1.75rem;color:#1a1a1a;margin-bottom:1rem;font-weight:700}.promotion-description{font-size:1.125rem;color:#666;margin-bottom:1.5rem;line-height:1.6}.promotion-button{display:inline-block;padding:1rem 2rem;background:#007bff;color:#fff;text-decoration:none;border-radius:2rem;font-weight:500;transition:all 0.2s ease;border:none}.promotion-button:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,0.2)}.back-to-blog{text-align:center;margin:2rem 0}.back-button{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#fff;color:#444;text-decoration:none;border-radius:2rem;font-weight:500;transition:all 0.2s ease;border:1px solid #eee}.back-button:hover{background:#f8f9fa;color:#007bff;transform:translateX(-4px)}.back-icon{font-size:1.25rem;line-height:1}@media (max-width:768px){.post-content{padding:1.5rem}.post-thumbnail{margin:-1.5rem -1.5rem 1.5rem -1.5rem}.post-body{font-size:1rem;line-height:1.6;color:#444;margin-bottom:2.5rem}.post-body h2{font-size:1rem;font-weight:700;color:#1a1a1a;margin:2rem 0 1rem;line-height:1.4}.post-title{font-size:1.5rem;line-height:1.4;margin:1rem 0}.promotion-content{padding:2rem}.promotion-title{font-size:1.3rem}.promotion-description{font-size:1rem}.content-section{margin:1.5rem 0;padding-bottom:1.5rem}.tip-box,.warning-box,.summary-box{padding:1.2rem;margin:1rem 0}.text-lg{font-size:1.15rem;line-height:1.6}.text-base{font-size:1rem;line-height:1.6}.content-list li{font-size:1rem;line-height:1.5;margin-bottom:0.8rem}.content-image-grid{grid-template-columns:1fr;gap:1rem}.tip-title{font-size:1.2rem;margin-bottom:0.8rem}.table-of-contents{padding:1.5rem}.table-of-contents .content-list li{font-size:1rem;line-height:1.5;margin-bottom:0.6rem}.text-highlight{font-size:1rem;padding:0.8rem;margin:1rem 0}.blog-main-title{font-size:1.4rem;line-height:1.4;margin-bottom:1rem}.section-title{font-size:1.3rem;margin:1.5rem 0 1rem}}.content-section{margin:3rem 0;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.table-of-contents{background:#f8f9fa;padding:2rem;border-radius:1rem;margin:2rem 0 3rem}.table-of-contents .content-list{margin:1rem 0 0}.table-of-contents .content-list li{margin-bottom:0.75rem;color:#1a73e8;cursor:pointer}.table-of-contents a{color:#1a73e8;text-decoration:none;transition:color 0.2s ease;cursor:pointer}.table-of-contents a:hover{color:#174ea6;text-decoration:underline}.text-lg{font-size:1.25rem;line-height:1.8;color:#1a1a1a;margin-bottom:1rem}.text-base{font-size:1.125rem;line-height:1.7;color:#444;margin-bottom:1rem}.text-highlight{font-size:1.125rem;line-height:1.7;color:#1a73e8;font-weight:500;margin:1.5rem 0;padding:1rem;background:#e8f0fe;border-radius:0.5rem}.tip-box{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;margin:1.5rem 0;box-shadow:0 2px 12px rgba(0,0,0,0.04)}.tip-title{font-size:1.3rem;color:#1a73e8;margin-bottom:1rem;font-weight:600}.content-list{list-style:none;padding:0;margin:1.5rem 0}.content-list li{position:relative;padding-left:1.75rem;margin-bottom:1rem;line-height:1.6;font-size:1.1rem;color:#444}.content-list li:before{content:"•";color:#1a73e8;position:absolute;left:0.5rem;font-weight:bold}.content-list.warning li:before{content:"⚠️";left:0}.warning-box{background:#fff5f5;border:1px solid #feb2b2;border-radius:1rem;padding:2rem;margin:1.5rem 0}.warning-box .content-list li{color:#dc2626}.summary-box{background:#f8fafc;border-radius:1rem;padding:2rem;margin:2rem 0;border:1px solid #e5e7eb}.content-image{margin:2rem 0;border-radius:1rem;overflow:hidden}.content-image img{width:100%;height:auto;display:block}.image-caption{text-align:center;color:#666;font-size:0.9rem;margin-top:0.75rem}.content-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}@media (max-width:768px){.content-section{margin:2rem 0;padding-bottom:1.5rem}.tip-box,.warning-box,.summary-box{padding:1.5rem}.text-lg{font-size:1.1rem}.text-base{font-size:1rem}.content-list li{font-size:1rem}.content-image-grid{grid-template-columns:1fr;gap:1rem}.tip-title{font-size:1.2rem}}.expert-profile{background:#f8fafc;border-radius:1rem;padding:2rem;margin:2rem 0;box-shadow:0 2px 12px rgba(0,0,0,0.04)}.expert-credentials{display:flex;align-items:center;gap:2rem}.expert-image{width:120px;height:120px;border-radius:50%;object-fit:cover}.credentials-info{flex:1}.credential-item{font-size:1.1rem;color:#1a1a1a;margin-bottom:0.75rem;font-weight:500}.data-visualization{margin:2rem 0;border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.04)}.chart-image{width:100%;height:auto;display:block}.chart-caption{text-align:center;padding:1rem;color:#666;font-size:0.9rem;border-top:1px solid #eee}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0}.stat-item{background:#fff;padding:1.5rem;border-radius:0.75rem;text-align:center;border:1px solid #e5e7eb}.stat-item h4{color:#666;font-size:1rem;margin-bottom:0.5rem}.stat-number{font-size:1.5rem;font-weight:700;color:#1a73e8}.success-case{margin:2.5rem 0}.case-title{font-size:1.3rem;color:#1a1a1a;margin-bottom:1.5rem}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.case-item{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.04)}.case-image{width:100%;height:200px;object-fit:cover}.case-stats{padding:1.5rem;font-size:1.1rem;font-weight:600;color:#1a73e8;text-align:center}.update-info{margin:3rem 0 1.5rem;padding:1rem;background:#f8fafc;border-radius:0.5rem;text-align:right}.update-text{color:#666;font-size:0.9rem}.data-source{margin:1.5rem 0;padding:1rem;background:#f8fafc;border-radius:0.5rem}.source-text{color:#666;font-size:0.9rem;line-height:1.5}.blogpost-content .faq-container{margin:2rem 0}.faq-item{margin-bottom:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.blogpost-content .faq-question{font-size:1.1rem;color:#1a1a1a;margin-bottom:0.75rem;font-weight:600}.blogpost-content .faq-answer{color:#444;line-height:1.6}.mock-profile{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 2px 12px rgba(0,0,0,0.08);text-align:center}.profile-header{margin-bottom:1.5rem}.profile-icon{font-size:2.5rem;margin-bottom:1rem}.stats-label{display:block;color:#666;font-size:1rem;margin-bottom:0.5rem}.stats-number{display:block;font-size:2rem;font-weight:700;color:#1a73e8}.stats-description{color:#666;font-size:0.9rem;line-height:1.6}.tag-detail{color:#666;font-size:0.9rem;margin-left:0.5rem}.tag-tip{background:#e8f0fe;color:#1a73e8;font-size:0.8rem;padding:0.2rem 0.6rem;border-radius:1rem;margin-left:0.5rem}.page-tabs-nav{display:flex;gap:32px;margin-bottom:20px;border-bottom:1px solid #e9ecef;padding-bottom:0}.page-tabs-nav a{font-size:15px;font-weight:500;color:#adb5bd;text-decoration:none;padding-bottom:12px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all 0.2s ease}.page-tabs-nav a:hover{color:#495057}.page-tabs-nav a.active{color:#1a1a2e;font-weight:700;border-bottom-color:#ce391b}.page-tabs-nav-mobile{display:flex;gap:20px;padding:0 15px 12px 15px;border-bottom:1px solid #e9ecef;margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.page-tabs-nav-mobile::-webkit-scrollbar{display:none}.page-tabs-nav-mobile a{font-size:14px;font-weight:500;color:#adb5bd;text-decoration:none;white-space:nowrap;padding-bottom:8px;border-bottom:2px solid transparent;margin-bottom:-1px}.page-tabs-nav-mobile a.active{color:#1a1a2e;font-weight:700;border-bottom-color:#ce391b}.order-wrap{max-width:2200px;padding:1rem;gap:40px;flex:1;contain:layout style}@media (max-width:1440px){.order-wrap{flex-direction:column;gap:20px;padding:0.5rem;max-width:100%;box-sizing:border-box;overflow-x:hidden}.order-content-primary,.order-content-secondary{max-width:100%;overflow-x:hidden}}.orders-header-mobile{background-color:#f8f9fa;padding:1rem 15px 0.5rem 15px}.orders-header-pc{display:flex;flex-direction:column;margin-bottom:16px}.orders-nav-mobile{border:0;padding:0}.orders-container{flex-direction:column}.orders-search{margin-bottom:15px}.orders-search-box{display:flex;align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:10px;overflow:hidden;transition:all 0.2s ease}.orders-search-box:focus-within{border-color:#ce391b;box-shadow:0 0 0 3px rgba(78,117,255,0.1)}.orders-search-input{flex:1;border:none;padding:12px 16px;font-size:14px;color:#495057;background:transparent;outline:none}.orders-search-input::placeholder{color:#adb5bd}.orders-search-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;color:#6c757d;cursor:pointer;transition:all 0.2s ease}.orders-search-pc .orders-search-box{width:220px}.order-list-title{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;padding:0 12px;word-break:break-all;width:100%;position:relative;color:#1a1a2e;padding-bottom:12px}.order-list-title:before{content:'';position:absolute;background:linear-gradient(180deg,#ce391b 0%,#5B8CFF 100%);width:4px;height:20px;left:0;top:2px;border-radius:2px}.order-desc-wrap{display:flex;flex-direction:column;gap:20px}.order-desc-wrap .card{border-color:#E8E9F9;border-radius:12px !important}.order-before-info-wrap{gap:20px}.order-before-info-wrap a{flex:1}.order-list-wrap{display:flex;max-width:1600px;background-color:#fff;padding:48px;border-radius:12px;box-shadow:rgb(0 0 0 / 4%) 0 0 12px 0;margin:0 auto}.order-list-wrap .input-group{position:relative}.order-list-wrap .input-group input{border-radius:12px !important;background-color:#FCFCFF !important;border-color:#CDCEDE !important;box-shadow:inset 1px 2px 1px #0000001a !important}.order-list-wrap .input-group input~span{position:absolute;right:10px;top:7px}.order-list-wrap .input-group input~span button{padding:0}.order-list-nav-wrap{display:flex;padding:16px 0;align-items:center;gap:8px}.order-list-nav-wrap .nav-tabs{display:flex;gap:6px;flex-wrap:wrap}.order-list-nav-wrap .nav-item{background:transparent;border:none;padding:0;border-radius:0}.order-list-nav-wrap .nav-item a{display:inline-block;padding:6px 14px;font-size:13px;font-weight:500;color:#6c757d;background:#f1f3f5;border-radius:20px;border:none;text-decoration:none;transition:all 0.15s ease}.order-list-nav-wrap .nav-item.active a,.order-list-nav-wrap .nav-item a.active{color:#fff;background:#ce391b}.order-list-card-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;padding-top:16px}.order-list-card-wrap .card{border:1px solid #e9ecef;border-radius:10px}.order-list-card-wrap .badge{border-radius:12px}.order-copy-btn{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;font-size:10px;font-weight:500;color:#6c757d;background:#f8f9fa;border:1px solid #e9ecef;white-space:nowrap;border-radius:3px;cursor:pointer}.order-list-card-content{display:flex}.order-list-card-header{align-items:center}.order-list-main-wrap{padding-top:2rem;padding-bottom:2rem;background-color:#f8f9fa;flex:1}.order-list-card-wrap .card{border:1px solid #e9ecef;border-radius:12px;transition:all 0.2s ease;overflow:hidden}.order-list-card-wrap .card-body{padding:14px}.order-card-date{font-size:11px;color:#868e96;display:block;margin-bottom:4px}.order-card-service{font-size:13px;font-weight:600;color:#1a1a2e;display:block;margin-bottom:8px;padding-right:70px;line-height:1.3}.order-card-link{font-size:11px;color:#868e96;word-break:break-all;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.order-card-info{color:#6c757d;font-size:12px}.order-remains{color:#dc3545;font-weight:500}.order-charge{color:#dc3545;font-weight:600}.order-card-info-grid{display:none;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px;background:#f8f9fa;border-radius:8px;padding:12px}.order-card-info-grid.pc{display:grid !important}.order-card-info-grid .order-card-info-item{display:flex;flex-direction:column;gap:3px}.order-card-info-grid .order-card-info-item.full-width{grid-column:1 / -1}.order-card-info-grid .order-detail-cell{display:flex;align-items:flex-end;justify-content:flex-end}.order-card-info-grid .label{font-size:10px;color:#868e96}.order-card-info-grid .value{font-size:12px;color:#495057;font-weight:500;display:flex;align-items:center;gap:6px}.order-status-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;height:20px;padding:2px 6px;font-size:11px;font-weight:500;line-height:16px;color:#4C76FF;background-color:#EDF1FF;border:1px solid transparent;border-radius:4px;margin-right:6px}.order-cancel-reason{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:#dc3545;background:#fff5f5;border:none;border-radius:4px;cursor:pointer}.order-cancel-reason i{font-size:11px}.order-info-message{background:#f0f4ff;border:1px solid #d0d7ff;border-radius:6px;padding:8px 10px;font-size:11px;color:#495057;display:none;margin-top:10px}.order-info-message i{color:#ce391b;margin-right:4px;font-size:11px}.order-info-sub{color:#6c757d;font-size:10px;margin-left:15px;display:block;margin-top:2px}.order-card-price-wrap{flex-shrink:0}.order-card-price{font-size:16px;font-weight:700;color:#ce391b}.order-detail-container{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}#orderDetailModal .modal-dialog{max-width:1200px;width:95%}@media (max-width:1400px){#orderDetailModal .modal-dialog{max-width:1000px}}.order-detail-btn{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 10px;font-size:11px;font-weight:500;color:#ce391b;background:#EDF1FF;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.order-detail-btn-container{min-height:26px;display:flex;align-items:flex-start;justify-content:flex-end}@media (max-width:768px){#orderDetailModal .modal-dialog{max-width:95%;margin:10px}.orders-header-mobile{padding:0.8rem 12px 0.5rem 12px}.order-list-title{font-size:16px;padding:0 10px}.orders-search{width:100%;margin-top:12px;margin-bottom:12px}.orders-search-box{width:100%;border-radius:8px}.orders-search-input{width:100%;padding:10px 14px;font-size:14px}.orders-search-btn{width:44px;height:44px;flex-shrink:0}.order-list-title:before{height:18px}.order-title>button{padding:0 10px}.order-before-info-wrap>a{flex:unset;height:56px}.order-before-info-wrap{flex-direction:column}.order-desc-wrap .card-body>span{flex-direction:column;align-items:start !important;gap:10px;font-size:12px}.order-desc-wrap .card-body{padding:15px !important}.py-10{padding-top:1rem}.order-wrap{gap:9px;padding:5px 5px 150px 5px;flex-direction:column;margin-left:0}.order-list-main-wrap{padding:15px 10px;margin-left:0}.order-list-wrap{padding:15px;border-radius:10px}.order-list-card-wrap{display:flex;flex-direction:column;gap:12px}.order-list-card-wrap .card{border-radius:10px}.order-list-card-wrap .card-body{padding:12px}.order-list li{flex:0 0 calc(100% / 6);box-sizing:border-box;margin:10px 0}.order-list-card-header{flex-direction:column;align-items:start}.order-card-service{font-size:13px;padding-right:0;margin-bottom:6px;line-height:1.3}.order-card-date{font-size:10px;margin-bottom:3px}.order-card-link{max-width:100%;font-size:10px}.order-card-info{font-size:11px}.order-status-badge{height:18px;padding:2px 6px;font-size:10px}.order-info-message{max-width:100%;margin-top:8px;padding:6px 8px;font-size:10px}.order-info-sub{font-size:9px;margin-left:14px}.order-card-info-grid.pc{display:none !important}.order-card-info-grid.mo{display:grid !important;grid-template-columns:1fr 1fr;padding:8px;gap:6px}.order-card-info-grid .label{font-size:9px}.order-card-info-grid .value{font-size:11px}.order-card-info-grid .order-detail-cell{grid-column:1 / -1;justify-content:center;margin-top:4px}.order-detail-btn-container{position:relative !important;top:auto !important;right:auto !important;z-index:20 !important;margin-top:10px;justify-content:center}.order-detail-btn{height:28px;padding:0 14px;font-size:12px}.order-detail-btn-container .position-absolute{position:static !important}.order-copy-btn{font-size:10px;height:22px;padding:0 8px}.orders-search-input{max-width:100%}}.subscriptions-header-mobile{background-color:#f8f9fa;padding:1rem 15px 0.5rem 15px}.subscriptions-header-pc{display:flex;flex-direction:column;margin-bottom:16px}.subscriptions-page{padding-top:2rem;padding-bottom:2rem;background-color:#f8f9fa;min-height:100vh;flex:1}.subscriptions-container{max-width:1600px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 0 12px rgba(0,0,0,0.04);padding:48px}.subscriptions-title{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;padding:0 12px;width:100%;position:relative;color:#1a1a2e;padding-bottom:12px}.subscriptions-title:before{content:'';position:absolute;background:linear-gradient(180deg,#ce391b 0%,#5B8CFF 100%);width:4px;height:20px;left:0;top:2px;border-radius:2px}.subscriptions-nav-wrap{display:flex;padding:16px 0;align-items:center;gap:8px}.subscriptions-nav-wrap .nav-tabs{display:flex;gap:6px;flex-wrap:wrap;border:none}.subscriptions-nav-wrap .nav-item{background:transparent;border:none;padding:0;border-radius:0}.subscriptions-nav-wrap .nav-item a{display:inline-block;padding:6px 14px;font-size:13px;font-weight:500;color:#6c757d;background:#f1f3f5;border-radius:20px;border:none;text-decoration:none;transition:all 0.15s ease}.subscriptions-nav-wrap .nav-item.active a,.subscriptions-nav-wrap .nav-item a.active{color:#fff;background:#ce391b}.subscriptions-search{display:flex;align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:10px;overflow:hidden;transition:all 0.2s ease;width:240px}.subscriptions-search:focus-within{border-color:#ce391b;box-shadow:0 0 0 3px rgba(78,117,255,0.1)}.subscriptions-search input{flex:1;border:none;padding:10px 14px;font-size:14px;color:#495057;background:transparent;outline:none}.subscriptions-search input::placeholder{color:#adb5bd}.subscriptions-search button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:#6c757d;cursor:pointer}.subscriptions-table-wrap{margin-top:20px;border:1px solid #e9ecef;border-radius:12px;overflow:hidden}.subscriptions-table{width:100%;border-collapse:collapse;font-size:13px}.subscriptions-table thead{background:#f8f9fa}.subscriptions-table th{padding:14px 16px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;white-space:nowrap}.subscriptions-table td{padding:14px 16px;border-bottom:1px solid #f1f3f5;color:#495057;vertical-align:middle}.subscriptions-table tbody tr{transition:background 0.15s ease}.subscriptions-table tbody tr:hover{background:#f8f9fa}.subscriptions-table tbody tr:last-child td{border-bottom:none}.subscriptions-table .link{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ce391b}.subscriptions-table .nowrap{white-space:nowrap}.subscription-status{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:4px;white-space:nowrap}.subscription-status.pending{color:#17a2b8;background:#d1ecf1}.subscription-status.active{color:#28a745;background:#d4edda}.subscription-status.paused{color:#856404;background:#fff3cd}.subscription-status.completed{color:#ce391b;background:#EDF1FF}.subscription-status.expired{color:#6c757d;background:#e9ecef}.subscription-status.canceled{color:#dc3545;background:#fff5f5}.subscription-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;font-size:12px;font-weight:500;border-radius:6px;border:none;cursor:pointer;text-decoration:none;transition:all 0.15s ease;white-space:nowrap}.subscription-btn-primary{color:#fff;background:#ce391b}.subscription-btn-primary:hover{background:#3d5fd9;color:#fff}.subscription-btn-default{color:#495057;background:#f1f3f5;border:1px solid #dee2e6}.subscription-btn-default:hover{background:#e9ecef;color:#495057}.subscription-tooltip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;color:#868e96;cursor:help}.subscriptions-pagination{display:flex;justify-content:center;margin-top:24px}.subscriptions-pagination ul{display:flex;list-style:none;margin:0;padding:0;gap:8px;align-items:center}.subscriptions-pagination li a,.subscriptions-pagination li span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-weight:500;font-size:14px;text-decoration:none;transition:all 0.2s ease}.subscriptions-pagination li a{background:#f8f9fa;color:#495057;border:1px solid #e9ecef}.subscriptions-pagination li a:hover{background:#ce391b;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(78,117,255,0.3)}.subscriptions-pagination li.active span{background:linear-gradient(135deg,#ce391b 0%,#5B8CFF 100%);color:white;box-shadow:0 4px 12px rgba(78,117,255,0.4);border:2px solid #ce391b}.subscriptions-empty{text-align:center;padding:60px 20px;color:#868e96}.subscriptions-empty i{font-size:48px;margin-bottom:16px;opacity:0.5}.subscriptions-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;padding-top:16px}.subscriptions-card-grid .card{border:1px solid #e9ecef;border-radius:12px;transition:all 0.2s ease;overflow:hidden}.subscriptions-card-grid .card-body{padding:14px}.subscription-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.subscription-card-id{font-size:11px;color:#868e96;font-weight:500}.subscription-card-service{font-size:13px;font-weight:600;color:#1a1a2e;display:block;margin-bottom:6px;line-height:1.3}.subscription-card-link{font-size:11px;color:#868e96;word-break:break-all;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;margin-bottom:10px}.subscription-info-grid{display:none;background:#f8f9fa;border-radius:8px;padding:12px;margin-top:10px}.subscription-info-grid.pc{display:block !important}.subscription-info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.subscription-info-row:last-child{margin-bottom:0}.subscription-info-item{display:flex;flex-direction:column;gap:3px}.subscription-info-item .label{font-size:10px;color:#868e96}.subscription-info-item .value{font-size:12px;color:#495057;font-weight:500}.subscription-info-item .value a{color:#ce391b}.subscription-info-item .value.amount{color:#dc3545;font-weight:600}.subscription-info-item.action-cell{display:flex;align-items:flex-end;justify-content:flex-end}.subscription-info-row.action-row{display:flex;justify-content:center;gap:8px;margin-top:4px}.subscriptions-card-wrap{display:none;flex-direction:column;gap:12px}.subscription-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px;margin-bottom:12px}.subscription-card-info{background:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:14px}.subscription-card-info-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.subscription-card-info-row:last-child{margin-bottom:0}.subscription-card-info-item{display:flex;flex-direction:column;gap:2px}.subscription-card-info-item .label{font-size:11px;color:#868e96}.subscription-card-info-item .value{font-size:13px;color:#495057;font-weight:500}.subscription-card-info-item .value a{color:#ce391b}.subscription-card-actions{display:flex;gap:8px}.subscription-card-actions .subscription-btn{flex:1;justify-content:center;height:36px;font-size:13px}@media (max-width:768px){.subscriptions-header-mobile{padding:0.8rem 12px 0.5rem 12px}.subscriptions-page{padding:15px 10px;margin-left:0}.subscriptions-container{padding:15px;border-radius:10px}.subscriptions-title{font-size:16px;padding:0 10px}.subscriptions-title:before{height:18px}.subscriptions-nav-wrap{flex-wrap:wrap}.subscriptions-nav-wrap .nav-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.subscriptions-nav-wrap .nav-tabs::-webkit-scrollbar{display:none}.subscriptions-search{width:100%;margin-top:12px}.subscriptions-card-grid{display:flex;flex-direction:column;gap:12px}.subscriptions-card-grid .card{border-radius:10px}.subscriptions-card-grid .card-body{padding:12px}.subscription-info-grid.pc{display:none !important}.subscription-info-grid.mo{display:block !important}.subscription-info-row{grid-template-columns:1fr 1fr;gap:6px}.subscription-info-item .label{font-size:9px}.subscription-info-item .value{font-size:11px}.subscription-card-service{font-size:13px;line-height:1.3}.subscription-card-link{font-size:10px}.subscriptions-table-wrap.pc{display:none}.subscriptions-page .subscriptions-card-wrap.mo{display:flex !important;flex-direction:column !important;gap:12px !important;margin-top:16px}.subscriptions-page .subscription-card{width:100% !important;flex-shrink:0;display:block !important}.subscriptions-pagination ul{gap:4px}.subscriptions-pagination li a,.subscriptions-pagination li span{width:36px;height:36px;font-size:13px}}.fund-wrap{display:flex;gap:40px;flex:1;padding:2rem;width:100%}@media (min-width:992px){.fund-wrap{padding:2rem 3rem}}.fund-charge-form{width:100%;max-width:100%}.fund-item-wrap .col-md-offset-2{margin-left:0}.fund-item-wrap .col-md-12{width:100%;max-width:100%;flex:1}.fund-item-wrap{margin:0 auto;gap:40px;flex:1;display:flex;flex-direction:column;width:100%}.fund-item{background-color:#fff;padding:48px;border-radius:12px;box-shadow:rgb(0 0 0 / 4%) 0 0 12px 0}.fund-title{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:bold;padding:0 12px;word-break:break-all;width:100%;position:relative;color:#000;padding-bottom:3px;border-bottom:1px solid #ededed}.fund-title:before{content:'';position:absolute;background-color:#ce391b;width:4px;height:22px;left:0;top:8px}.fund-title>button{display:flex;align-items:center;justify-content:center;border-radius:30px;border:1px solid #eee;background-color:#fff;padding:0 20px;height:42px;font-size:13px;gap:10px}.fund-desc-wrap{display:flex;flex-direction:column;gap:20px}.fund-info-wrap{display:flex;justify-content:space-between}.fund-type-wrap{display:flex}.fund-type-wrap>input{display:none}.fund-type-wrap>input:checked+label{border:1px solid #ce391b;color:#ce391b}.fund-type-wrap>label{display:flex;gap:10px;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #eee;border-radius:12px;padding:20px 40px;cursor:pointer}.fund-charge-form{display:flex;flex-direction:column;gap:20px;margin-top:30px;width:100%}.fund-item select{border-radius:12px !important;background-color:#FCFCFF !important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;background-size:unset !important;background-position:calc(100% - 10px) calc(100% - 7px),100% 0 !important;border-color:#CDCEDE !important}.fund-item input{padding:14px;border-radius:12px !important;height:41px;border:1px solid #ccc}.fund-item input::placeholder{color:#ddd}.fund-charge-wrap input[type=radio]{display:none}.fund-charge-wrap input[type=radio]:checked+label{border:1px solid #ce391b;color:#ce391b}.fund-charge-wrap input[type=radio]+label{flex:1;text-align:center;padding:10px 0;border:1px solid #ddd;border-radius:12px;color:#ddd;cursor:pointer}.fund-list-table{margin-top:30px;width:100%;text-align:center}.fund-list-table th{padding:20px}.fund-list-table thead tr{border:1px solid #CDCEDE;background-color:#FCFCFF;border-top-left-radius:12px;border-top-right-radius:12px}.fund-list-table tbody tr{border-bottom:1px solid #CDCEDE}.fund-list-table tbody td{padding:20px;color:#999}.btn-custom{border-radius:10px;color:#fff;padding:5px 20px;height:56px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-header-custom{border-radius:6px;color:#fff;padding:5px 20px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:768px){.fund-wrap{flex-direction:column;margin:0;padding:20px}.fund-info-wrap{flex-direction:column;gap:30px}.fund-type-wrap>label{flex:1;padding:20px 30px}.fund-item{padding:20px}.fund-list-table{font-size:12px}.fund-list-table th{padding:10px}.fund-list-table tbody td{padding:10px}.btn-custom{height:44px}}.refunds-main-wrap{padding-top:2rem;padding-bottom:2rem;background-color:#f8f9fa;min-height:100vh;flex:1}.refunds-wrap{display:flex;flex-direction:column;max-width:1600px;background-color:#fff;padding:48px;border-radius:12px;box-shadow:rgb(0 0 0 / 4%) 0 0 12px 0;margin:0 auto}.refunds-header-mobile{background-color:#f8f9fa;padding:1rem 15px 0.5rem 15px}.refunds-header-pc{display:flex;flex-direction:column;margin-bottom:16px}.refunds-title{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;padding:0 12px;word-break:break-all;width:100%;position:relative;color:#1a1a2e;padding-bottom:12px}.refunds-title:before{content:'';position:absolute;background:linear-gradient(180deg,#ce391b 0%,#5B8CFF 100%);width:4px;height:20px;left:0;top:2px;border-radius:2px}.refunds-nav-wrap{display:flex;padding:16px 0;align-items:center;gap:8px}.refunds-nav-wrap .nav-tabs{display:flex;gap:6px;flex-wrap:wrap;border:none}.refunds-nav-wrap .nav-item{background:transparent;border:none;padding:0;border-radius:0}.refunds-nav-wrap .nav-item a{display:inline-block;padding:6px 14px;font-size:13px;font-weight:500;color:#6c757d;background:#f1f3f5;border-radius:20px;border:none;text-decoration:none;transition:all 0.15s ease}.refunds-nav-wrap .nav-item.active a,.refunds-nav-wrap .nav-item a.active{color:#fff;background:#ce391b}.refunds-search{margin-left:auto}.refunds-search-box{display:flex;align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:10px;overflow:hidden;transition:all 0.2s ease;width:220px}.refunds-search-box:focus-within{border-color:#ce391b;box-shadow:0 0 0 3px rgba(78,117,255,0.1)}.refunds-search-input{flex:1;border:none;padding:12px 16px;font-size:14px;color:#495057;background:transparent;outline:none}.refunds-search-input::placeholder{color:#adb5bd}.refunds-search-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;color:#6c757d;cursor:pointer;transition:all 0.2s ease}.refunds-card-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;padding-top:16px}.refunds-card-wrap .card{border:1px solid #e9ecef;border-radius:12px;transition:all 0.2s ease;overflow:hidden}.refunds-card-wrap .card-body{padding:14px}.refund-card-date{font-size:11px;color:#868e96;display:block;margin-bottom:6px}.refund-card-order-id{font-size:14px;font-weight:600;color:#ce391b;text-decoration:none;display:block;margin-bottom:8px}.refund-card-order-id:hover{color:#3a5fd9}.refund-status-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;height:20px;padding:2px 8px;font-size:11px;font-weight:500;line-height:16px;border:1px solid transparent;border-radius:4px}.refund-status-badge.canceled{color:#dc3545;background-color:#fff5f5}.refund-status-badge.partial{color:#e65100;background-color:#fff3e0}.refund-card-info-grid{display:none;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;background:#f8f9fa;border-radius:8px;padding:12px}.refund-card-info-grid.pc{display:grid !important}.refund-card-info-grid .refund-card-info-item{display:flex;flex-direction:column;gap:3px}.refund-card-info-grid .label{font-size:10px;color:#868e96}.refund-card-info-grid .value{font-size:12px;color:#495057;font-weight:500}.refund-card-info-grid .value.amount{color:#dc3545;font-weight:600}.refunds-guide{margin-bottom:16px;background:#f0f4ff;border:1px solid #d0d7ff;border-radius:8px;padding:16px}.refunds-guide-title{font-size:13px;font-weight:600;color:#1a1a2e;margin-bottom:12px;display:flex;align-items:center;gap:6px}.refunds-guide-title i{color:#ce391b}.refunds-guide-items{display:flex;gap:16px}.refunds-guide-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#495057}.refunds-guide-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap}.refunds-guide-badge.canceled{background-color:#fff5f5;color:#dc3545}.refunds-guide-badge.partial{background-color:#fff3e0;color:#e65100}.refunds-pagination{display:flex;justify-content:center;margin-top:24px}.refunds-pagination ul{display:flex;list-style:none;margin:0;padding:0;gap:8px;align-items:center}.refunds-pagination li a,.refunds-pagination li span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-weight:500;font-size:14px;text-decoration:none;transition:all 0.2s ease}.refunds-pagination li a{background:#f8f9fa;color:#495057;border:1px solid #e9ecef}.refunds-pagination li a:hover{background:#ce391b;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(78,117,255,0.3)}.refunds-pagination li.active span{background:linear-gradient(135deg,#ce391b 0%,#5B8CFF 100%);color:white;box-shadow:0 4px 12px rgba(78,117,255,0.4);border:2px solid #ce391b}@media (max-width:768px){.refunds-main-wrap{padding:15px 10px;margin-left:0}.refunds-wrap{padding:15px;border-radius:10px}.refunds-header-mobile{padding:0.8rem 12px 0.5rem 12px}.refunds-title{font-size:16px;padding:0 10px}.refunds-title:before{height:18px}.refunds-nav-wrap{flex-wrap:wrap}.refunds-search{width:100%;margin-top:12px;margin-left:0}.refunds-search-box{width:100%;border-radius:8px}.refunds-card-wrap{display:flex;flex-direction:column;gap:12px}.refunds-card-wrap .card{border-radius:10px}.refunds-card-wrap .card-body{padding:12px}.refund-card-info-grid.pc{display:none !important}.refund-card-info-grid.mo{display:grid !important;grid-template-columns:1fr 1fr;padding:8px;gap:6px}.refund-card-info-grid .label{font-size:9px}.refund-card-info-grid .value{font-size:11px}.refunds-guide{margin-bottom:12px;padding:12px}.refunds-guide-items{flex-direction:column;gap:8px}.refunds-guide-item{font-size:11px}.refunds-pagination ul{gap:4px}.refunds-pagination li a,.refunds-pagination li span{width:36px;height:36px;font-size:13px}}.nshopping-page{background:#f8f9fa;min-height:100vh;flex:1;width:100%}.nshopping-page #app{animation:nplaceFadeIn 0.3s ease-in-out}.nshopping-page .loading-container{max-width:1280px;margin:0 auto;padding:2rem 1rem}.nshopping-page .loading-wrapper{display:flex;align-items:center;justify-content:center;padding:5rem 0}.nshopping-page .spinner{width:3rem;height:3rem;border:2px solid #e5e7eb;border-top-color:#ff4620;border-radius:50%;animation:nplaceSpin 0.8s linear infinite}@keyframes nplaceFadeIn{from{opacity:0}to{opacity:1}}@keyframes nplaceSpin{to{transform:rotate(360deg)}}@media (min-width:640px){.nshopping-page .loading-container{padding:2rem 1.5rem}}@media (min-width:1024px){.nshopping-page .loading-container{padding:2rem 2rem}}.nplace-wrapper{min-height:100vh}.nplace-container{max-width:1200px;margin:0 auto;padding:2rem}.nplace-header{margin-bottom:2.5rem}.nplace-title{font-size:1rem;font-weight:700;color:#1a1f36;margin-bottom:0}.nplace-subtitle{font-size:1.5rem;font-weight:600;color:#1a1f36;margin-bottom:1.5rem}.nplace-card{background:rgba(255,255,255,0.95);border-radius:2px;border:none;box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;backdrop-filter:blur(10px);margin-bottom:1.5rem}.nplace-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(49,130,246,0.15)}.nplace-card-body{padding:2rem}.nplace-card-title{font-size:1.25rem;font-weight:600;color:#1a1f36;margin-bottom:1.5rem}.nplace-form-group{margin-bottom:1.5rem}.nplace-label{display:block;font-weight:500;color:#4b5563;margin-bottom:0.5rem}.nplace-input{width:100%;padding:0.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:0.95rem;transition:all 0.2s ease;background:#ffffff}.nplace-input:focus{outline:none;border-color:#ce391b;box-shadow:0 0 0 3px rgba(49,130,246,0.1)}.nplace-input::placeholder{color:#9ca3af}.nplace-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;border-radius:12px;font-weight:500;font-size:0.95rem;transition:all 0.2s ease;border:none;cursor:pointer}.nplace-btn-sm{padding:0.5rem 1rem;font-size:0.875rem;border-radius:8px}.nplace-btn-primary{background:linear-gradient(135deg,#ce391b 0%,#0064ff 100%);color:white;box-shadow:0 2px 4px rgba(49,130,246,0.1)}.nplace-btn-primary:hover{background:linear-gradient(135deg,#0064ff 0%,#ce391b 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(49,130,246,0.2)}.nplace-btn-info{background:linear-gradient(135deg,#ce391b 0%,#0064ff 100%);color:white}.nplace-btn-info:hover{background:linear-gradient(135deg,#0064ff 0%,#ce391b 100%)}.nplace-btn-danger{background:#ef4444;color:white}.nplace-btn-danger:hover{background:#dc2626}.nplace-btn-secondary{background:#6b7280;color:white}.nplace-btn-secondary:hover{background:#4b5563}.nplace-table-responsive{overflow-x:auto;border-radius:12px;background:white}.nplace-table{width:100%;border-collapse:collapse;margin-bottom:0}.nplace-table th{background:linear-gradient(135deg,#f8fafc 0%,#f0f9ff 100%);font-weight:600;color:#4b5563;padding:1rem;text-align:left;border-bottom:2px solid #e5e7eb}.nplace-table td{padding:1rem;color:#1f2937;border-bottom:1px solid #e5e7eb;vertical-align:middle}.nplace-table-bordered{border:1px solid #e5e7eb}.nplace-table-hover tbody tr:hover{background:#f9fafb}.nplace-modal-content{background:white;border-radius:20px;border:none;box-shadow:0 20px 40px rgba(0,0,0,0.1)}.nplace-modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc 0%,#f0f9ff 100%);border-radius:20px 20px 0 0}.nplace-modal-title{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0}.nplace-modal-body{padding:2rem}.nplace-modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc 0%,#f0f9ff 100%);border-radius:0 0 20px 20px}.nplace-close{background:transparent;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0.5rem}.nplace-loading{display:none}.nplace-loading.active{display:flex;justify-content:center;align-items:center;padding:2rem}.nplace-spinner{width:2.5rem;height:2.5rem;border:3px solid #f3f3f3;border-top:3px solid #ce391b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.nplace-action-buttons{display:flex;gap:0.5rem;justify-content:flex-start;align-items:center}.nplace-action-buttons .nplace-btn{padding:0.5rem 0.75rem;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;font-size:0.8rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;text-decoration:none;white-space:nowrap}.nplace-action-buttons .nplace-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.nplace-action-buttons .nplace-btn-primary{background-color:#ce391b;color:white}.nplace-action-buttons .nplace-btn-primary:hover{background-color:#0064ff}.nplace-action-buttons .nplace-btn-secondary{background-color:#6b7280;color:white}.nplace-action-buttons .nplace-btn-secondary:hover{background-color:#4b5563}.nplace-action-buttons .nplace-btn-danger{background-color:#ef4444;color:white}.nplace-action-buttons .nplace-btn-danger:hover{background-color:#dc2626}.status-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.8rem;font-weight:500;text-align:center;white-space:nowrap;border:1px solid transparent}.status-badge.normal{background-color:#dcfce7;color:#16a34a;border-color:#bbf7d0}.status-badge.warning{background-color:#fef3c7;color:#d97706;border-color:#fde68a}.status-badge.danger{background-color:#fee2e2;color:#dc2626;border-color:#fecaca}.progress-cell{position:relative}.progress-bar-container{width:100%;height:20px;background-color:#e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:2px}.progress-bar{height:100%;border-radius:10px;transition:width 0.3s ease}.progress-bar.normal{background-color:#22c55e}.progress-bar.warning{background-color:#f59e0b}.progress-bar.danger{background-color:#ef4444}.progress-text{font-size:0.8rem;color:#6b7280;font-weight:500}.rank-change{font-weight:500;font-size:0.9rem}.rank-change.improved{color:#16a34a}.rank-change.worsened{color:#dc2626}.rank-change.unchanged{color:#6b7280}.rank-change i{margin-right:0.25rem}.slot-row{background-color:#f8fafc;transition:all 0.2s ease}.slot-row:hover{background-color:#f1f5f9;transform:translateX(2px);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.slot-summary-container{background-color:#ffffff;border-radius:8px;padding:1rem;margin:0.5rem 0;display:flex;gap:1rem;align-items:stretch;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.summary-item{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 1rem;background-color:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.summary-label{font-weight:500;color:#64748b;font-size:0.85rem;min-width:60px}.summary-value{font-weight:600;color:#1f2937;display:flex;align-items:center;gap:0.5rem;font-size:0.9rem}.summary-value .rank-change{font-size:0.85rem;white-space:nowrap;flex-direction:column;align-items:flex-start}.summary-value .rank-change .change-date{font-size:0.7rem;color:#9ca3af;font-weight:400;margin-top:0.2rem;font-style:italic}.slot-details-container{background-color:#f8fafc;border-radius:8px;padding:1.5rem;margin:1rem 0}.slot-details-content{display:grid;grid-template-columns:1fr;gap:1.5rem}.slot-details-content-full{padding:1rem}.rank-history-dashboard{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0;padding-bottom:0.5rem;border-bottom:2px solid #ce391b}.chart-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.chart-legend{display:flex;gap:1rem}.legend-item{display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;color:#6b7280}.color-dot{width:12px;height:12px;border-radius:50%}.chart-body{background:white;border-radius:8px;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.empty-history{text-align:center;color:#6b7280;font-style:italic;padding:2rem}.details-section{background:white;border-radius:8px;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.details-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #ce391b}.details-table-responsive{overflow-x:auto}.details-table{width:100%;border-collapse:collapse;font-size:0.875rem}.details-table th{background-color:#f3f4f6;font-weight:600;color:#374151;padding:0.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.details-table td{padding:0.75rem;border-bottom:1px solid #e5e7eb;color:#6b7280}.details-table tbody tr:hover{background-color:#f9fafb}.rank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:1rem}.rank-cell{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:0.75rem;text-align:center;transition:all 0.2s ease;position:relative}.rank-cell:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1);transform:translateY(-2px)}.rank-cell.improved{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.rank-cell.worsened{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fecaca)}.rank-cell.unchanged{border-color:#6b7280;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.rank-date{font-size:0.75rem;color:#6b7280;margin-bottom:0.25rem}.rank-position{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:0.25rem}.rank-change-indicator{font-size:0.75rem;font-weight:500}.rank-cell.improved .rank-change-indicator{color:#10b981}.rank-cell.worsened .rank-change-indicator{color:#ef4444}.rank-cell.unchanged .rank-change-indicator{color:#6b7280}.expiration-info{display:flex;flex-direction:column;gap:0.75rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;border-bottom:1px solid #e5e7eb}.info-label{font-weight:500;color:#6b7280}.info-value{font-weight:600;color:#1f2937}@media (max-width:768px){.nplace-container{padding:0.75rem}.nplace-card-body{padding:1rem}.nplace-title{font-size:0.9rem}.nplace-subtitle{font-size:1.1rem}.nplace-table td,.nplace-table th{padding:0.5rem;font-size:0.8rem}.nplace-btn-sm{padding:0.25rem 0.5rem;font-size:0.7rem}.nplace-action-buttons{gap:0.2rem}.nplace-action-buttons .nplace-btn{padding:0.3rem 0.5rem;font-size:0.7rem}.slot-details-content{grid-template-columns:1fr;gap:0.75rem}.chart-container{grid-template-columns:1fr;gap:0.75rem}.chart-legend{flex-direction:column;gap:0.25rem}.progress-bar-container{height:14px}.progress-text{font-size:0.7rem}.status-badge{font-size:0.7rem;padding:0.15rem 0.3rem}.slot-summary-container{flex-direction:column;gap:0.5rem;align-items:stretch;padding:0.75rem}.summary-item{width:100%;justify-content:space-between;padding:0.3rem 0.6rem}.summary-label{font-size:0.75rem;min-width:45px}.summary-value{font-size:0.8rem}.rank-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px}.rank-cell{padding:0.4rem}.rank-position{font-size:0.9rem}.rank-date,.rank-change-indicator{font-size:0.65rem}.summary-value .rank-change .change-date{font-size:0.6rem}.nplace-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.nplace-table{min-width:600px}.nplace-welcome-section{padding:1rem;margin-bottom:1rem}.nplace-welcome-header{flex-direction:column;gap:0.75rem;align-items:flex-start}.nplace-user-greeting{font-size:1rem}.nplace-slot-badge{width:100%;justify-content:center;padding:0.75rem 1rem}.nplace-info-message{flex-direction:column;text-align:center;padding:0.75rem}.nplace-info-content{flex-direction:column;align-items:center;gap:0.5rem}.nplace-info-content p{font-size:0.8rem;line-height:1.3}.nplace-add-btn{width:100%;font-size:0.8rem;padding:0.5rem}.modal-dialog{margin:0.5rem}.modal-content{border-radius:12px}.modal-header,.modal-footer{padding:0.75rem}.modal-body{padding:0.75rem}.modal-title{font-size:1rem}.nplace-summary-table,.nplace-detail-table{font-size:0.75rem;min-width:500px}.nplace-summary-table th,.nplace-summary-table td,.nplace-detail-table th,.nplace-detail-table td{padding:0.4rem}.chart-body{padding:0.75rem}.chart-title{font-size:0.9rem}.legend-item{font-size:0.75rem}.nplace-btn{padding:0.5rem 0.75rem;font-size:0.8rem}.nplace-btn-sm{padding:0.3rem 0.5rem;font-size:0.7rem}}@media (max-width:480px){.nplace-container{padding:0.5rem}.nplace-welcome-section{padding:0.75rem}.nplace-user-greeting{font-size:0.9rem}.nplace-slot-badge{padding:0.5rem}.nplace-slot-numbers{font-size:1rem}.nplace-slot-label{font-size:0.8rem}.nplace-table td,.nplace-table th{padding:0.3rem;font-size:0.7rem}.nplace-action-buttons .nplace-btn{padding:0.25rem 0.4rem;font-size:0.65rem}.status-badge{font-size:0.65rem;padding:0.1rem 0.25rem}.progress-bar-container{height:12px}.progress-text{font-size:0.65rem}.rank-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:3px}.rank-cell{padding:0.3rem}.rank-position{font-size:0.8rem}.rank-date,.rank-change-indicator{font-size:0.6rem}.summary-item{padding:0.25rem 0.5rem}.summary-label{font-size:0.7rem}.summary-value{font-size:0.75rem}.nplace-table{min-width:500px}.nplace-summary-table,.nplace-detail-table{font-size:0.7rem;min-width:450px}.nplace-summary-table th,.nplace-summary-table td,.nplace-detail-table th,.nplace-detail-table td{padding:0.3rem}.modal-dialog{margin:0.25rem}.modal-header,.modal-footer{padding:0.5rem}.modal-body{padding:0.5rem}.modal-title{font-size:0.9rem}.nplace-btn{padding:0.4rem 0.6rem;font-size:0.75rem}.nplace-btn-sm{padding:0.25rem 0.4rem;font-size:0.65rem}}.nplace-table-responsive::-webkit-scrollbar{height:12px}.nplace-table-responsive::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.nplace-table-responsive::-webkit-scrollbar-thumb{background:#ce391b;border-radius:6px}.nplace-table-responsive::-webkit-scrollbar-thumb:hover{background:#0064ff}@media (max-width:768px){.nplace-table-responsive::before{content:"← 좌우로 스크롤하세요 →";display:block;text-align:center;font-size:0.7rem;color:#64748b;padding:0.25rem 0;background:linear-gradient(to right,transparent,#f1f5f9 20%,#f1f5f9 80%,transparent);margin-bottom:0.5rem;border-radius:4px}}@media (max-width:768px){.nplace-table-responsive{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}.nplace-rank-history-wrapper{width:100%;overflow-x:auto;margin-top:1rem;-webkit-overflow-scrolling:touch}@media (max-width:768px){.nplace-rank-history-wrapper::before{content:"← 좌우로 스크롤하세요 →";display:block;text-align:center;font-size:0.7rem;color:#64748b;padding:0.25rem 0;background:linear-gradient(to right,transparent,#f1f5f9 20%,#f1f5f9 80%,transparent);margin-bottom:0.5rem;border-radius:4px}}@media (max-width:768px){.business-info-card{margin:0.75rem 0}.business-info-card .card-header{padding:0.75rem}.business-info-card .card-body{padding:0.75rem}.business-info-card .header-icon{width:30px;height:30px;font-size:0.9rem}.business-info-card .header-title{font-size:0.9rem}.business-info-card .header-period,.business-info-card .header-status{font-size:0.75rem;padding:0.2rem 0.4rem}.rank-summary-card .rank-comparison{margin-bottom:0.75rem}.rank-summary-card .rank-item{padding:0.4rem 0.6rem;min-width:80px}.rank-summary-card .rank-label{font-size:0.75rem}.rank-summary-card .rank-value{font-size:1.4rem}.rank-summary-card .rank-unit{font-size:0.9rem}.rank-summary-card .rank-change{padding:0.3rem 0.6rem;font-size:0.8rem}.expiration-card .expiry-details{margin-bottom:0.75rem}.expiration-card .expiry-item{padding:0.4rem}.expiration-card .expiry-label{font-size:0.75rem}.expiration-card .expiry-value{font-size:1.1rem}.expiration-card .days-remaining{font-size:1.4rem}.expiration-card .days-unit{font-size:0.9rem}}@media (max-width:480px){.nplace-welcome-section{padding:0.5rem;margin-bottom:0.5rem}.nplace-welcome-header{gap:0.5rem}.nplace-user-greeting{font-size:0.8rem}.nplace-user-name{font-size:0.8rem}.nplace-welcome-text{font-size:0.75rem}.nplace-slot-badge{padding:0.4rem 0.6rem}.nplace-slot-badge i{font-size:0.9rem}.nplace-slot-numbers{font-size:0.9rem}.nplace-slot-label{font-size:0.75rem}.nplace-info-message{padding:0.4rem}.nplace-info-content p{font-size:0.75rem;line-height:1.2}.nplace-add-btn{font-size:0.75rem;padding:0.35rem}.nplace-add-btn i{font-size:0.7rem}.nplace-info-message .fa-info-circle{font-size:0.9rem}.business-info-card .card-header{padding:0.5rem}.business-info-card .card-body{padding:0.5rem}.business-info-card .header-icon{width:26px;height:26px;font-size:0.8rem}.business-info-card .header-title{font-size:0.8rem}.rank-summary-card .rank-item{padding:0.3rem 0.5rem;min-width:70px}.rank-summary-card .rank-value{font-size:1.2rem}.rank-summary-card .rank-change{padding:0.25rem 0.5rem;font-size:0.75rem}.expiration-card .expiry-item{padding:0.3rem}.expiration-card .expiry-value{font-size:1rem}.expiration-card .days-remaining{font-size:1.2rem}}@media (max-width:768px){.nplace-welcome-section{padding:0.75rem;margin-bottom:0.75rem}.nplace-welcome-header{flex-direction:column;gap:0.75rem;align-items:flex-start}.nplace-user-greeting{font-size:0.9rem}.nplace-user-name{font-size:0.9rem}.nplace-welcome-text{font-size:0.8rem}.nplace-slot-badge{width:100%;justify-content:center;padding:0.5rem 0.75rem}.nplace-slot-badge i{font-size:1rem}.nplace-slot-numbers{font-size:1rem}.nplace-slot-label{font-size:0.8rem}.nplace-info-message{flex-direction:column;text-align:center;padding:0.5rem}.nplace-info-content{flex-direction:column;align-items:center;gap:0.5rem}.nplace-info-content p{font-size:0.8rem;line-height:1.3}.nplace-add-btn{width:100%;font-size:0.8rem;padding:0.4rem}.nplace-add-btn i{font-size:0.75rem}.nplace-info-message .fa-info-circle{font-size:1rem}}@media (max-width:768px){.nplace-slots-header{flex-direction:column;gap:1rem;align-items:flex-start}.nplace-search{width:100%}.nplace-search-input{font-size:0.8rem;padding:0.4rem 0.8rem;padding-right:2rem}.nplace-search-icon{right:0.8rem;font-size:0.9rem}}@media (max-width:768px){.nplace-table-responsive,.nplace-rank-history-wrapper{transform:translateZ(0);will-change:scroll-position}}.nplace-rank-history-wrapper{width:100%;overflow-x:auto;margin-top:1rem}.nplace-rank-history{table-layout:fixed;width:auto;min-width:100%}.nplace-rank-history tr{display:flex;gap:1px}.nplace-rank-history td{flex:0 0 100px;width:100px;height:100px;padding:0.75rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;background:white;border:1px solid #e5e7eb}.nplace-rank-history .date{font-size:0.875rem;color:#6b7280;margin-bottom:0.5rem}.nplace-rank-history .rank{font-size:1.125rem;font-weight:600;color:#1f2937}.nplace-rank-history-wrapper::-webkit-scrollbar{height:8px}.nplace-rank-history-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.nplace-rank-history-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.nplace-rank-history-wrapper::-webkit-scrollbar-thumb:hover{background:#666}.nplace-rank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;padding:1px;margin-top:-1px}.nplace-rank-cell{background:white;padding:0.75rem 0.5rem;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.nplace-rank-cell .date{font-size:0.75rem;color:#6b7280;margin-bottom:0.25rem;font-weight:500}.nplace-rank-cell .rank{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:0.25rem}.nplace-rank-cell .change{font-size:0.75rem}.nplace-rank-cell .change .text-success{color:#059669 !important;font-weight:600}.nplace-rank-cell .change .text-danger{color:#dc2626 !important;font-weight:600}.nplace-rank-cell .change .text-secondary{color:#6b7280 !important}.nplace-rank-cell:hover{background:#f8fafc}@media (max-width:768px){.nplace-rank-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:1px}.nplace-rank-cell{padding:0.5rem 0.25rem}.nplace-rank-cell .date{font-size:0.7rem;margin-bottom:0.2rem}.nplace-rank-cell .rank{font-size:0.95rem;margin-bottom:0.2rem}.nplace-rank-cell .change{font-size:0.65rem}.nplace-rank-cell .reviews span{font-size:0.65rem !important}}@media (max-width:480px){.nplace-rank-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.nplace-rank-cell{padding:0.4rem 0.2rem}.nplace-rank-cell .date{font-size:0.65rem}.nplace-rank-cell .rank{font-size:0.85rem}.nplace-rank-cell .change{font-size:0.6rem}.nplace-rank-cell .reviews span{font-size:0.6rem !important}}.nplace-welcome-section{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 50%,#f0f9ff 100%);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px rgba(49,130,246,0.08)}.nplace-welcome-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.nplace-user-greeting{font-size:1.25rem;color:#1e293b;display:flex;gap:0.5rem;align-items:center}.nplace-user-name{font-weight:700;color:#ce391b}.nplace-welcome-text{color:#475569}.nplace-slot-counter{display:flex;align-items:center}.nplace-slot-badge{background:linear-gradient(135deg,#fff0ec 0%,#f0f9ff 100%);padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;border:1px solid rgba(49,130,246,0.1)}.nplace-slot-badge i{color:#ce391b;font-size:1.2rem}.nplace-slot-numbers{font-size:1.2rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:0.5rem}.nplace-slot-separator{color:#94a3b8}.nplace-slot-label{font-size:0.9rem;color:#64748b;margin-left:0.5rem}.nplace-info-message{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px}.nplace-info-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.nplace-info-content p{margin:0;font-size:0.95rem;color:#64748b}.nplace-add-btn{white-space:nowrap;padding:0.5rem 1rem}@media (max-width:768px){.nplace-info-content{flex-direction:column;align-items:flex-start;gap:0.75rem}.nplace-info-content p{font-size:0.85rem;line-height:1.4}.nplace-add-btn{width:100%;font-size:0.85rem;padding:0.4rem 0.8rem}.nplace-add-btn i{font-size:0.8rem}}.nplace-info-message .fa-info-circle{color:#ce391b;font-size:1.2rem;display:flex;align-items:center;height:100%}.nplace-add-btn .fa-plus{color:#ffffff;font-size:0.9rem}.nplace-info-message p{margin:0;font-size:0.95rem;color:#64748b}.nplace-info-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.nplace-add-btn{background:linear-gradient(135deg,#ce391b 0%,#0064ff 100%);color:white;border:none;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s;white-space:nowrap}.nplace-add-btn:hover{background:linear-gradient(135deg,#0064ff 0%,#ce391b 100%)}.nplace-add-btn i{font-size:0.8rem}.modal-content{border-radius:16px;border:none}.modal-header{border-bottom:1px solid #e5e7eb;padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f0f9ff 100%)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #e5e7eb;padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f0f9ff 100%)}@media (max-width:768px){.nplace-welcome-header{flex-direction:column;gap:1rem;align-items:flex-start}.nplace-slot-badge{width:100%;justify-content:center}.nplace-info-message{flex-direction:column;text-align:center}}.nplace-table-title{font-weight:600;color:#1e293b;margin-bottom:1rem}.nplace-summary-table{border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.nplace-summary-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f0f9ff 100%)}.nplace-summary-table th{font-weight:600;color:#475569;padding:0.75rem 1rem;border-bottom:1px solid #e2e8f0}.nplace-summary-table td{padding:0.75rem 1rem;color:#334155}.nplace-detail-table{border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.nplace-detail-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f0f9ff 100%)}.nplace-detail-table th{font-weight:600;color:#475569;padding:0.75rem 1rem;border-bottom:1px solid #e2e8f0}.nplace-detail-table td{padding:0.75rem 1rem;color:#334155}.nplace-detail-table tbody tr:hover{background-color:#f1f5f9}@media (max-width:768px){.nplace-summary-table,.nplace-detail-table{font-size:0.85rem}.nplace-summary-table th,.nplace-summary-table td,.nplace-detail-table th,.nplace-detail-table td{padding:0.5rem}}.nplace-slots-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.nplace-search{position:relative;width:300px}.nplace-search-input{width:100%;padding:0.5rem 1rem;padding-right:2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:0.9rem;transition:all 0.2s}.nplace-search-input:focus{outline:none;border-color:#ce391b;box-shadow:0 0 0 3px rgba(49,130,246,0.1)}.nplace-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}@media (max-width:768px){.nplace-slots-header{flex-direction:column;gap:1rem;align-items:flex-start}.nplace-search{width:100%}}.nplace-loading-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);z-index:9999;justify-content:center;align-items:center}.nplace-loading-overlay.active{display:flex}.nplace-spinner-wrapper{text-align:center}.nplace-spinner{width:3rem;height:3rem;border:4px solid #f3f3f3;border-top:4px solid #ce391b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.nplace-slot-expiration{margin-top:10px;padding:8px 10px;border-radius:4px;font-size:0.9rem;border-top:1px solid #eee;background-color:#f8f9fa;transition:all 0.3s ease}.nplace-slot-expiration .expiry-title{display:flex;align-items:center;font-weight:600;margin-bottom:4px}.nplace-slot-expiration .expiry-title i{margin-right:6px}.nplace-slot-expiration .expiry-date{display:flex;justify-content:space-between;align-items:center}.nplace-slot-expiration .days-count{font-weight:600;margin-left:4px}.nplace-slot-expiration.normal{color:#3a3a3a;background-color:#f8f9fa;border-left:4px solid #28a745}.nplace-slot-expiration.warning{color:#856404;background-color:#fff3cd;border-left:4px solid #ffc107}.nplace-slot-expiration.danger{color:#721c24;background-color:#f8d7da;border-left:4px solid #dc3545}.expiry-progress{width:100%;height:5px;background-color:#e9ecef;border-radius:3px;margin-top:5px;overflow:hidden}.expiry-progress-bar{height:100%;border-radius:3px;transition:width 0.3s ease}.expiry-progress-bar.normal{background-color:#28a745}.expiry-progress-bar.warning{background-color:#ffc107}.expiry-progress-bar.danger{background-color:#dc3545}@keyframes pulse{0%{opacity:1}50%{opacity:0.7}100%{opacity:1}}.nplace-slot-expiration.danger .expiry-progress-bar{animation:pulse 1.5s infinite}.nplace-rank-summary{margin-top:10px;margin-bottom:10px;padding:8px 10px;border-radius:4px;font-size:0.9rem;border-top:1px solid #eee;background-color:#f8f9fa;transition:all 0.3s ease;border-left:4px solid #3d5a80}.rank-summary-title{display:flex;align-items:center;font-weight:600;margin-bottom:4px;color:#3d5a80}.rank-summary-title::before{content:"";display:inline-block;width:3px;height:14px;background-color:#3d5a80;margin-right:6px;border-radius:2px}.rank-summary-content{display:flex;flex-direction:column;gap:6px}.rank-change-period{font-size:0.85rem;color:#6c757d;display:flex;align-items:center}.rank-change-period i{margin-right:5px}.rank-change-detail{display:flex;align-items:center;font-size:0.95rem;margin-top:2px}.first-rank,.latest-rank{font-weight:600}.rank-arrow{color:#6c757d;margin:0 6px}.rank-diff{margin-left:12px;font-weight:600;padding:2px 8px;border-radius:4px;font-size:0.85rem;display:inline-flex;align-items:center}.rank-diff.text-success{color:#28a745;background-color:rgba(40,167,69,0.1)}.rank-diff.text-danger{color:#dc3545;background-color:rgba(220,53,69,0.1)}.rank-diff.text-secondary{color:#6c757d;background-color:rgba(108,117,125,0.1)}.rank-diff i{margin-right:4px}.rank-progress{width:100%;height:5px;background-color:#e9ecef;border-radius:3px;margin-top:5px;overflow:hidden}.rank-progress-bar{height:100%;border-radius:3px;transition:width 0.3s ease;background-color:#3d5a80}.rank-progress-bar.improved{background-color:#28a745}.rank-progress-bar.worsened{background-color:#dc3545}.rank-progress-bar.unchanged{background-color:#6c757d}.nplace-info-card{position:relative;margin-top:15px;padding:14px 16px;border-radius:8px;font-size:0.9rem;background-color:#fafbfc;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05);overflow:hidden;border:1px solid #e6f0ff}.nplace-info-card::before{content:"";position:absolute;left:0;top:0;height:100%;width:5px;background:linear-gradient(135deg,#ff4620,#ce391b)}.nplace-info-card .info-title{display:flex;align-items:center;font-weight:600;margin-bottom:10px;font-size:0.95rem;color:#ce391b}.nplace-info-card .info-title i{margin-right:8px;font-size:1.1rem;color:#ff4620}.nplace-info-card .info-content{display:flex;flex-direction:column;gap:8px}.rank-progress-container,.expiry-progress-container{margin-top:1rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;width:100%}.progress-left{font-size:0.85rem;color:#64748b;flex-grow:1;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-right{font-size:0.9rem;font-weight:600;color:#475569;background-color:#f1f5f9;padding:0.2rem 0.5rem;border-radius:4px;white-space:nowrap;min-width:3rem;text-align:center}.rank-progress-bar,.expiry-progress-bar{height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden;width:100%;position:relative}.rank-progress-fill,.expiry-progress-fill{height:100%;border-radius:4px;transition:width 0.6s ease;position:absolute;left:0;top:0}.rank-progress-fill.improved{background:linear-gradient(90deg,#22c55e,#16a34a)}.rank-progress-fill.worsened{background:linear-gradient(90deg,#ef4444,#dc2626)}.rank-progress-fill.unchanged{background:linear-gradient(90deg,#94a3b8,#64748b)}.expiry-progress-fill.normal{background:linear-gradient(90deg,#ce391b,#0064ff)}.expiry-progress-fill.warning{background:linear-gradient(90deg,#eab308,#ca8a04)}.expiry-progress-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.expiration-card.normal .header-icon{background:linear-gradient(135deg,#ce391b,#0064ff)}.expiration-card.warning .header-icon{background:linear-gradient(135deg,#eab308,#ca8a04)}.expiration-card.danger .header-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}@media (max-width:768px){.rank-comparison{flex-direction:column;align-items:stretch}.rank-arrow{transform:rotate(90deg);margin:0.5rem 0}.expiry-details{flex-direction:column;gap:1rem}}.business-info-card.rank-summary-card.improved .header-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.business-info-card.rank-summary-card.worsened .header-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.business-info-card.rank-summary-card.unchanged .header-icon{background:linear-gradient(135deg,#94a3b8,#64748b)}.business-info-card .card-header{display:flex;align-items:center;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:nowrap}.business-info-card .header-title{font-weight:600;font-size:1rem;color:#1e293b;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.business-info-card .header-period,.business-info-card .header-status{font-size:0.85rem;color:#64748b;padding:0.25rem 0.5rem;border-radius:50px;background:#f1f5f9;white-space:nowrap}@media (max-width:480px){.rank-comparison{flex-direction:column;align-items:stretch}.rank-arrow{transform:rotate(90deg);margin:0.5rem 0}.progress-header{flex-direction:column;align-items:flex-start}.progress-left{margin-bottom:0.25rem}.business-info-card .card-header{flex-wrap:wrap}.business-info-card .header-icon,.business-info-card .header-title{margin-bottom:0.5rem}.business-info-card .header-period,.business-info-card .header-status{margin-left:auto}}.business-info-card{position:relative;background:#ffffff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin:1.25rem 0;overflow:hidden;transition:box-shadow 0.3s,transform 0.2s}.business-info-card:hover{box-shadow:0 4px 12px rgba(49,130,246,0.15);transform:translateY(-2px)}.business-info-card .card-header{display:flex;align-items:center;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:nowrap}.business-info-card .header-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ce391b,#0064ff);color:white;margin-right:0.75rem;font-size:1rem}.business-info-card .header-title{font-weight:600;font-size:1rem;color:#1e293b;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.business-info-card .header-period,.business-info-card .header-status{font-size:0.85rem;color:#64748b;padding:0.25rem 0.5rem;border-radius:50px;background:#f1f5f9;white-space:nowrap}.business-info-card .card-body{padding:1.25rem}.rank-summary-card .rank-comparison{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem;gap:1rem}.rank-summary-card .rank-item{text-align:center;padding:0.5rem 0.75rem;background:#f8fafc;border-radius:8px;min-width:100px}.rank-summary-card .rank-label{font-size:0.85rem;color:#64748b;margin-bottom:0.25rem}.rank-summary-card .rank-value{font-size:1.75rem;font-weight:700;color:#0f172a}.rank-summary-card .rank-unit{font-size:1rem;font-weight:400;color:#64748b;margin-left:2px}.rank-summary-card .rank-arrow{color:#94a3b8;font-size:1.5rem}.rank-summary-card .rank-change{padding:0.4rem 0.75rem;border-radius:50px;font-weight:600;font-size:0.9rem;white-space:nowrap}.rank-summary-card .rank-change.text-success{background-color:rgba(34,197,94,0.1);color:#166534}.rank-summary-card .rank-change.text-danger{background-color:rgba(239,68,68,0.1);color:#991b1b}.rank-summary-card .rank-change.text-secondary{background-color:rgba(100,116,139,0.1);color:#475569}.expiration-card .expiry-details{display:flex;justify-content:space-around;margin-bottom:1.25rem}.expiration-card .expiry-item{text-align:center;padding:0.5rem}.expiration-card .expiry-label{font-size:0.85rem;color:#64748b;margin-bottom:0.25rem}.expiration-card .expiry-value{font-size:1.25rem;font-weight:600;color:#0f172a}.expiration-card .days-remaining{font-size:1.75rem;font-weight:700}.expiration-card .days-unit{font-size:1rem;font-weight:400;color:#64748b;margin-left:2px}.rank-progress-container,.expiry-progress-container{margin-top:1rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;width:100%}.progress-left{font-size:0.85rem;color:#64748b;flex-grow:1;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-right{font-size:0.9rem;font-weight:600;color:#475569;background-color:#f1f5f9;padding:0.2rem 0.5rem;border-radius:4px;white-space:nowrap;min-width:3rem;text-align:center}.rank-progress-bar,.expiry-progress-bar{height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden;width:100%;position:relative}.rank-progress-fill,.expiry-progress-fill{height:100%;border-radius:4px;transition:width 0.6s ease;position:absolute;left:0;top:0}.business-info-card.rank-summary-card.improved .header-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.business-info-card.rank-summary-card.worsened .header-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.business-info-card.rank-summary-card.unchanged .header-icon{background:linear-gradient(135deg,#94a3b8,#64748b)}.expiry-progress-fill.normal{background:linear-gradient(90deg,#ce391b,#0064ff)}.expiry-progress-fill.warning{background:linear-gradient(90deg,#eab308,#ca8a04)}.expiry-progress-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.rank-progress-fill.improved{background:linear-gradient(90deg,#22c55e,#16a34a)}.rank-progress-fill.worsened{background:linear-gradient(90deg,#ef4444,#dc2626)}.rank-progress-fill.unchanged{background:linear-gradient(90deg,#94a3b8,#64748b)}@media (max-width:480px){.rank-comparison{flex-direction:column;align-items:stretch}.rank-arrow{transform:rotate(90deg);margin:0.5rem 0}.progress-header{flex-direction:column;align-items:flex-start}.progress-left{margin-bottom:0.25rem}.business-info-card .card-header{flex-wrap:wrap}.business-info-card .header-icon,.business-info-card .header-title{margin-bottom:0.5rem}.business-info-card .header-period,.business-info-card .header-status{margin-left:auto}}.guide-page{background-color:#f8fafc;min-height:100vh;flex:1;width:100%;padding:2.5rem 2rem}.guide-header{text-align:left;margin-bottom:1.5rem}.guide-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 0.5rem;border-bottom:none;padding-bottom:0}.guide-subtitle{font-size:0.95rem;color:#6b7280}.guide-tabs{display:flex;justify-content:flex-start;gap:8px;margin-bottom:1.5rem;flex-wrap:wrap}.guide-tabs .nav-link{background-color:#fff;color:#4b5563;border:1px solid #e5e7eb;border-radius:25px;padding:10px 24px;font-size:14px;font-weight:500;transition:all 0.2s ease;text-decoration:none;cursor:pointer}.guide-tabs .nav-link:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#1f2937}.guide-tabs .nav-link.active{background:linear-gradient(135deg,#ff4620 0%,#2563eb 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(59,130,246,0.3)}.guide-page .tab-content{background:transparent}.guide-faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;list-style:none;padding:0;margin:0}.guide-faq-item{width:100%;height:100%;min-height:72px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.2s ease;font-size:1rem;font-weight:600;color:#1a1a1a;gap:16px}.guide-faq-item:hover{background-color:#ffeae6;border-color:#ff4620;box-shadow:0 4px 12px rgba(59,130,246,0.1)}.guide-faq-item i{color:#ff4620;font-size:12px;transition:transform 0.2s ease;flex-shrink:0}.guide-faq-item:hover i{transform:translateX(4px)}.guide-faq-item.important{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#f59e0b;color:#92400e}.guide-faq-item.important:hover{background:linear-gradient(135deg,#fde68a 0%,#fcd34d 100%)}.guide-faq-item.important i{color:#d97706}.guide-modal .modal-content{border:none;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.15)}.guide-modal .modal-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e5e7eb;padding:1.25rem 1.5rem}.guide-modal .modal-title{font-size:1.1rem;font-weight:600;color:#1f2937}.guide-modal .modal-body{padding:1.5rem}.guide-modal .modal-footer{border-top:1px solid #e5e7eb;padding:1rem 1.5rem;background:#f9fafb}.guide-modal .btn-close-guide{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all 0.2s ease}.guide-modal .btn-close-guide:hover{background:linear-gradient(135deg,#4b5563 0%,#374151 100%)}.guide-modal .guide-image{width:100%;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.guide-speech-bubble{position:relative;background:linear-gradient(135deg,#1f2937 0%,#111827 100%);color:#fff;padding:16px 20px;border-radius:12px;margin-bottom:1rem;font-size:14px;line-height:1.6}.guide-speech-bubble::after{content:'';position:absolute;bottom:-12px;left:30px;border-width:12px 12px 0;border-style:solid;border-color:#111827 transparent}.guide-speech-bubble a{color:#fcd34d;text-decoration:underline;text-underline-offset:2px}.guide-speech-bubble a:hover{color:#fde68a}@media (max-width:768px){.guide-page{padding:1rem 0.75rem 80px}.guide-header{margin-bottom:1rem}.guide-title{font-size:1.2rem}.guide-subtitle{font-size:0.8rem}.guide-tabs{gap:4px;margin-bottom:1rem}.guide-tabs .nav-link{padding:6px 12px;font-size:11px}.guide-faq-list{grid-template-columns:1fr;gap:8px}.guide-faq-item{min-height:auto;padding:12px 14px;font-size:0.75rem;font-weight:500;color:#374151;border-radius:8px}.guide-faq-item i{font-size:10px}.guide-modal .modal-header{padding:1rem 1.25rem}.guide-modal .modal-title{font-size:1rem}.guide-modal .modal-body{padding:1rem}}