@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-family:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:"Inter Variable", "Inter", sans-serif;--primary-color:#0d47a1;--primary-light:#1e88e5;--primary-dark:#0a357a;--secondary-color:#ff9800;--secondary-dark:#e65100;--bg-color:#f9fafb;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--text-white:#fff;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--border-color:#e2e8f0;--primary-gradient:linear-gradient(135deg, #0d47a1 0%, #1e88e5 100%);--accent-gradient:linear-gradient(135deg, #ff9800 0%, #f57c00 100%);--glass-gradient:#ffffffbf;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}input,button,textarea,select{font-family:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;margin-top:56px;padding-bottom:80px}@media (width>=768px){.main-content{margin-top:70px;padding-bottom:40px}}.glass-panel{background:var(--glass-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff4d}.setup-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.setup-modal-content{background:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:550px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);max-height:90vh;padding:32px;overflow-y:auto}.setup-modal-header{text-align:center;margin-bottom:24px}.setup-icon-db{color:var(--primary-color);margin-bottom:12px}.setup-modal-header h2{font-family:var(--font-title);color:var(--text-main);margin-bottom:8px;font-weight:700}.setup-modal-header p{color:var(--text-muted);font-size:14px}.setup-modal-form{flex-direction:column;gap:20px;display:flex}.setup-input-group{flex-direction:column;gap:8px;display:flex}.setup-input-group label{color:var(--text-main);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.setup-input-group input,.setup-input-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-color);transition:border-color var(--transition-fast);width:100%;padding:12px;font-size:14px}.setup-input-group input:focus,.setup-input-group textarea:focus{border-color:var(--primary-color);background-color:var(--card-bg);outline:none}.setup-status-message{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;display:flex}.setup-status-message.error{color:#ef4444;background-color:#fee2e2}.setup-status-message.success{color:#10b981;background-color:#d1fae5}.setup-helper-box{border-left:4px solid var(--primary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:#f8fafc;padding:16px}.setup-helper-box h4{margin-bottom:8px;font-size:14px;font-weight:600}.setup-helper-box ol{color:var(--text-muted);flex-direction:column;gap:4px;padding-left:18px;font-size:13px;display:flex}.setup-modal-actions{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.setup-actions-right{gap:12px;display:flex}.btn-setup-reset{color:var(--error-color);align-items:center;gap:6px;padding:10px;font-size:14px;font-weight:500;display:flex}.btn-setup-cancel{color:var(--text-muted);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);background-color:#f1f5f9;padding:10px 18px;font-size:14px;font-weight:600}.btn-setup-cancel:hover{background-color:#e2e8f0}.btn-setup-submit{background-color:var(--primary-color);color:var(--text-white);border-radius:var(--radius-sm);transition:opacity var(--transition-fast);padding:10px 18px;font-size:14px;font-weight:600}.btn-setup-submit:hover{opacity:.9}.desktop-navbar{background-color:var(--card-bg);height:70px;box-shadow:var(--shadow-sm);z-index:100;border-bottom:1px solid var(--border-color);display:none;position:fixed;top:0;left:0;right:0}.desktop-navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.brand-logo{align-items:center;gap:12px;display:flex}.brand-logo img{object-fit:contain;height:44px}.nav-links-desktop{gap:8px;display:flex}.nav-item-desktop{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.nav-item-desktop:hover{color:var(--primary-color);background-color:#f1f5f9}.nav-item-desktop.active{color:var(--primary-color);background-color:#eff6ff}.mobile-top-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:100;justify-content:center;align-items:center;height:56px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 10px #00000008}.mobile-logo-centered img{object-fit:contain;height:36px}@media (width>=768px){.mobile-top-header{display:none}}.mobile-navbar{background-color:var(--card-bg);border-top:1px solid var(--border-color);z-index:100;height:68px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 10px #00000008}.nav-item-mobile{color:var(--text-muted);width:20%;height:100%;transition:color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.nav-item-mobile.active{color:var(--primary-color);font-weight:700}.nav-item-mobile-featured{background:var(--primary-gradient);border:4px solid var(--card-bg);z-index:110;width:54px;height:54px;transition:all var(--transition-fast);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin-top:-24px;display:flex;box-shadow:0 4px 12px #0d47a159;color:#fff!important}.nav-item-mobile-featured:active{transform:translateY(-24px)scale(.92)}.nav-item-mobile-featured.active{background:var(--accent-gradient);box-shadow:0 4px 14px #ff980073}.nav-item-mobile-featured span{display:none}.nav-item-mobile-featured svg{stroke-width:2.5px}.nav-item-mobile svg{stroke-width:2px}@media (width>=768px){.desktop-navbar{display:block}.mobile-navbar{display:none}}.landing-container{background-color:#fcfdfe;flex-direction:column;min-height:100vh;display:flex}.landing-header{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:80px;margin:0 auto;padding:0 24px;display:flex}.btn-header-setup{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);background-color:#f1f5f9;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.btn-header-setup:hover{color:var(--text-main);background-color:#e2e8f0}.landing-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;max-width:800px;margin:0 auto;padding:40px 24px;display:flex}.landing-logo-hq{width:260px;height:auto;margin-bottom:12px}.landing-hero h1{font-family:var(--font-title);color:var(--primary-dark);font-size:36px;font-weight:800;line-height:1.25}.landing-hero h1 span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-hero p{color:var(--text-muted);max-width:600px;font-size:16px}.landing-actions{justify-content:center;gap:16px;width:100%;max-width:400px;margin-top:12px;display:flex}.btn-landing-primary{background:var(--primary-gradient);color:var(--text-white);border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex:1;padding:14px 28px;font-size:16px;font-weight:700;box-shadow:0 4px 12px #0d47a133}.btn-landing-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0d47a14d}.btn-landing-secondary{color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--radius-md);transition:background-color var(--transition-fast), transform var(--transition-fast);background-color:#fff;flex:1;padding:14px 28px;font-size:16px;font-weight:700}.btn-landing-secondary:hover{background-color:#f0f7ff;transform:translateY(-2px)}.landing-features{grid-template-columns:1fr;gap:24px;width:100%;max-width:1000px;margin:40px auto 0;padding:0 24px;display:grid}@media (width>=768px){.landing-hero h1{font-size:48px}.landing-hero p{font-size:18px}.landing-features{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.feature-icon-wrapper{width:60px;height:60px;color:var(--primary-color);background-color:#eff6ff;border-radius:50%;justify-content:center;align-items:center;display:flex}.feature-card h3{font-family:var(--font-title);font-size:18px;font-weight:700}.feature-card p{color:var(--text-muted);font-size:14px}.auth-page{background-color:var(--bg-color);min-height:100vh;display:flex}.auth-card-container{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);width:100%;max-width:480px;padding:40px}.auth-logo-center{justify-content:center;margin-bottom:24px;display:flex}.auth-logo-center img{width:200px;height:auto}.auth-card h2{font-family:var(--font-title);text-align:center;margin-bottom:8px;font-size:24px;font-weight:700}.auth-card p.auth-sub{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-main);font-size:13px;font-weight:600}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);background-color:#f8fafc;width:100%;padding:10px 12px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);background-color:var(--card-bg);outline:none;box-shadow:0 0 0 3px #0d47a114}.btn-auth-submit{background:var(--primary-gradient);color:var(--text-white);border-radius:var(--radius-sm);transition:opacity var(--transition-fast);margin-top:10px;padding:12px;font-size:15px;font-weight:700}.btn-auth-submit:hover{opacity:.95}.auth-footer-text{text-align:center;color:var(--text-muted);margin-top:20px;font-size:14px}.auth-footer-text button{color:var(--primary-color);margin-left:4px;font-weight:700}.dashboard-grid{grid-template-columns:1fr;gap:24px;max-width:1200px;margin:0 auto;padding:24px 16px;display:grid}@media (width>=992px){.dashboard-grid{grid-template-columns:350px 1fr;align-items:start}}.profile-card{background:var(--primary-gradient);color:var(--text-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;gap:16px;padding:16px;display:flex}.profile-card-header{align-items:center;gap:12px;display:flex}.profile-avatar-circle{width:50px;height:50px;transition:all var(--transition-fast);background-color:#fff3;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.profile-avatar-circle.rank-1{background-color:#fef3c7;border:3.5px solid #fbbf24!important;box-shadow:0 0 0 4px #fbbf2459,0 0 15px #fbbf2480!important}.profile-avatar-circle.rank-1 .avatar-initials{color:#92400e!important}.profile-avatar-circle.rank-2{background-color:#e2e8f0;border:3.5px solid #94a3b8!important;box-shadow:0 0 0 4px #94a3b859,0 0 15px #94a3b84d!important}.profile-avatar-circle.rank-2 .avatar-initials{color:#475569!important}.profile-avatar-circle.rank-3{background-color:#ffedd5;border:3.5px solid #d97706!important;box-shadow:0 0 0 4px #d9770659,0 0 15px #d977064d!important}.profile-avatar-circle.rank-3 .avatar-initials{color:#9a3412!important}.avatar-initials{color:var(--primary-color);font-size:18px;font-weight:700}.profile-avatar-circle img{object-fit:cover;width:100%;height:100%}.profile-info h3{font-family:var(--font-title);margin:0;font-size:16px;font-weight:700}.profile-info p{opacity:.9;margin:2px 0 0;font-size:12px}.profile-points-section{border-top:1px solid #ffffff26;justify-content:space-between;align-items:flex-end;padding-top:12px;display:flex}.points-label{text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:11px}.points-val{font-size:18px;font-weight:800;line-height:1}.tl-val{font-size:16px;font-weight:700}.profile-actions{gap:12px;display:flex}.btn-profile-action{background-color:var(--text-white);color:var(--primary-color);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 6px #0000000d}.btn-profile-action:hover{background-color:#f8fafc}.demo-banner{color:var(--text-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#ff9800 0%,#ff6f00 100%);flex-direction:column;gap:12px;margin-bottom:24px;padding:20px;display:flex}.demo-banner h3{font-family:var(--font-title);font-size:18px;font-weight:700}.demo-banner p{opacity:.95;font-size:14px}.btn-demo-start{background-color:var(--text-white);color:#e65100;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:opacity var(--transition-fast);align-self:flex-start;padding:8px 18px;font-size:14px;font-weight:700}.btn-demo-start:hover{opacity:.95}.tabs-header{border-bottom:1px solid var(--border-color);margin-bottom:20px;display:flex}.tab-btn{color:var(--text-muted);text-align:center;transition:color var(--transition-fast);flex:1;padding:12px;font-size:16px;font-weight:700;position:relative}.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{content:"";background-color:var(--primary-color);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.cards-list{flex-direction:column;gap:16px;display:flex}.survey-card,.task-card{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.survey-card:hover,.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-left{flex:1;align-items:center;gap:16px;display:flex}.card-icon-container{width:54px;height:54px;color:var(--primary-color);background-color:#eff6ff;border-radius:50%;justify-content:center;align-items:center;display:flex}.card-icon-container img{object-fit:contain;width:100%;height:100%}.card-details h4{font-family:var(--font-title);color:var(--text-main);margin-bottom:4px;font-size:16px;font-weight:600}.card-subtitle{color:var(--text-muted);gap:12px;font-size:13px;display:flex}.card-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.card-points{color:var(--primary-color);font-size:16px;font-weight:800}.card-tl{color:var(--text-muted);font-size:13px}.btn-card-action{background-color:var(--primary-color);color:var(--text-white);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:700}.empty-state{text-align:center;background-color:var(--card-bg);border-radius:var(--radius-md);border:1px dashed var(--border-color);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state svg{color:var(--text-muted);opacity:.6;margin-bottom:16px}.empty-state h4{margin-bottom:4px;font-size:16px;font-weight:600}.empty-state p{color:var(--text-muted);font-size:14px}.store-categories{scrollbar-width:none;gap:12px;padding-bottom:16px;display:flex;overflow-x:auto}.store-categories::-webkit-scrollbar{display:none}.category-pill{border-radius:var(--radius-lg);color:var(--text-muted);white-space:nowrap;transition:all var(--transition-fast);background-color:#f1f5f9;padding:8px 18px;font-size:14px;font-weight:600}.category-pill.active{background-color:var(--primary-color);color:var(--text-white)}.store-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=768px){.store-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.store-grid{grid-template-columns:repeat(4,1fr)}}.product-card{background-color:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{transform:translateY(-2px)}.product-image{background-color:#f8fafc;justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-stock-badge{color:var(--text-white);background-color:#0f172ab3;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.product-info{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.product-info h4{font-family:var(--font-title);color:var(--text-main);white-space:normal;font-size:14px;font-weight:600}.product-price-row{justify-content:space-between;align-items:center;display:flex}.product-points{color:var(--primary-color);font-size:15px;font-weight:800}.btn-buy{background-color:var(--primary-color);color:var(--text-white);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:700}.btn-buy:hover{opacity:.9}.withdraw-balance-card{background-color:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;padding:24px;display:flex}.withdraw-balance-card h3{color:var(--primary-color);font-size:28px;font-weight:800}.activity-card{background-color:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px;display:flex}.status-badge{text-transform:capitalize;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}.status-badge.pending{color:#d97706;background-color:#fef3c7}.status-badge.approved{color:#059669;background-color:#d1fae5}.status-badge.rejected{color:#dc2626;background-color:#fee2e2}.leaderboard-list{background-color:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.leaderboard-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row-left{align-items:center;gap:16px;display:flex}.rank-number{font-family:var(--font-title);text-align:center;width:24px;font-size:16px;font-weight:800}.rank-1{color:#f59e0b}.rank-2{color:#94a3b8}.rank-3{color:#b45309}.rank-username{font-size:15px;font-weight:600}.rank-points{color:var(--primary-color);font-size:15px;font-weight:700}.landing-section{box-sizing:border-box;width:100%;max-width:960px;margin:0 auto;padding:24px 16px 8px}.landing-section-title{font-family:var(--font-title);color:var(--primary-dark);text-align:center;margin:0 0 20px;font-size:24px;font-weight:800}.landing-steps{grid-template-columns:1fr;gap:16px;display:grid}.landing-step{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;background:#fff;padding:20px}.landing-step-icon{width:44px;height:44px;color:var(--primary-color);background:#0d47a114;border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.landing-step h3{color:var(--text-main);margin:0 0 6px;font-size:16px;font-weight:700}.landing-step p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.landing-faq{flex-direction:column;gap:10px;max-width:720px;margin:0 auto;display:flex}.landing-faq details{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;padding:0 16px}.landing-faq summary{cursor:pointer;color:var(--text-main);min-height:24px;padding:14px 0;font-size:15px;font-weight:600;list-style-position:inside}.landing-faq details p{color:var(--text-muted);text-align:left;margin:0 0 14px;font-size:14px;line-height:1.6}.landing-link{font:inherit;color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.landing-cta-bottom{justify-content:center;max-width:320px;margin:28px auto 8px;display:flex}.landing-legal-links{color:var(--text-muted);justify-content:center;gap:10px;padding:12px 0 0;font-size:13px;display:flex}.landing-legal-links .landing-link{padding:8px 4px}.form-group input[type=checkbox]{width:18px;min-width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;margin:2px 0 0;padding:0}@media (width>=768px){.landing-steps{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.landing-header{height:64px;padding:0 16px}.landing-header .brand-logo img{width:auto;height:28px}.landing-header button{white-space:nowrap;font-size:14px;padding:8px 14px!important}.landing-logo-hq{width:160px;margin-bottom:0}.landing-hero{gap:16px;padding:16px 16px 24px}.landing-hero h1{font-size:28px}.landing-hero p{font-size:15px}.btn-landing-primary,.btn-landing-secondary{white-space:nowrap;padding:14px 16px}}:root{--topbar-h:60px;--bottomnav-h:64px;--surface-2:#f1f5f9;--ok:#059669;--wait:#b45309;--bad:#dc2626}body{background:var(--bg-color)}.app-shell{flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}.resume-card,.task-item,.tl-main{min-width:0;max-width:100%}.app-main{padding-top:var(--topbar-h);padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + 16px);flex:1}.page{max-width:760px;margin:0 auto;padding:16px}.page-wide{max-width:1200px}.splash,.page-loader{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.splash{background:var(--bg-color);min-height:100vh}.page-loader{min-height:40vh}.spinner{border:3px solid #0d47a126;border-top-color:var(--primary-color);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topbar{z-index:50;height:var(--topbar-h);background:var(--card-bg);border-bottom:1px solid var(--border-color);padding-top:env(safe-area-inset-top);position:fixed;inset:0 0 auto}.topbar-row{align-items:center;gap:8px;max-width:1200px;height:100%;margin:0 auto;padding:0 12px 0 16px;display:flex}.topbar-logo{align-items:center;display:flex}.topbar-logo img{width:auto;height:30px}.topbar-title{color:var(--text-main);flex:1;margin:0;font-size:18px;font-weight:700}.wallet-pill{min-height:38px;color:var(--secondary-dark);font-variant-numeric:tabular-nums;background:#fff7ed;border:1px solid #ff980073;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.wallet-pill:hover{background:#ffedd5}.icon-btn{width:44px;height:44px;color:var(--text-main);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover{background:var(--surface-2)}.icon-btn:focus-visible,.bottomnav-item:focus-visible,.tab-desktop:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.tabs-desktop{display:none}.bottomnav{z-index:50;height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card-bg);border-top:1px solid var(--border-color);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottomnav-item{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottomnav-item.active{color:var(--primary-color)}.bottomnav-item.active svg{stroke-width:2.4px}@media (width>=900px){.bottomnav{display:none}.app-main{padding-bottom:40px}.tabs-desktop{gap:4px;margin:0 auto;display:flex}.tab-desktop{color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.tab-desktop:hover{background:var(--surface-2);color:var(--text-main)}.tab-desktop.active{color:var(--primary-color);background:#0d47a114}.topbar-title{flex:none}.wallet-pill{margin-left:0}.page{padding:24px}}.btn-primary,.btn-accent,.btn-danger,.btn-ghost,.btn-on-dark{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff}.btn-accent{background:var(--secondary-color);color:#1f1300}.btn-danger{background:var(--bad);color:#fff}.btn-ghost{background:var(--surface-2);color:var(--text-main)}.btn-on-dark{color:#fff;background:#ffffff29;min-height:36px;padding:0 12px;font-size:13px}.section-head{justify-content:space-between;align-items:baseline;margin:24px 0 10px;display:flex}.section-head h2{color:var(--text-main);margin:0;font-size:17px;font-weight:800}.section-head a{color:var(--primary-color);font-size:14px;font-weight:600;text-decoration:none}.progress{background:#ffffff38;border-radius:999px;height:8px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--secondary-color);height:100%;transition:width .6s;display:block}.progress.light{background:var(--surface-2)}.skeleton-list{gap:10px;display:grid}.skeleton-list i{background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 50%,#eef2f7 75%) 0 0/200% 100%;border-radius:14px;height:68px;animation:1.2s infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.empty-mascot{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:14px;line-height:1.5}.empty-mascot img{margin:0 auto 8px;animation:3s ease-in-out infinite bob;display:block}@keyframes bob{50%{transform:translateY(-6px)}}.balance-card{background:var(--primary-gradient);color:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:18px;display:flex;box-shadow:0 10px 24px -12px #0d47a199}.balance-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.balance-label{opacity:.85;font-size:13px;display:block}.balance-points{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;display:block}.balance-tl{opacity:.9;font-size:15px;font-weight:600}.balance-foot{flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:13px;display:flex}.balance-hint{opacity:.85;font-size:12px}.pill-pending{background:#ffffff2e;border-radius:999px;padding:2px 10px;font-weight:600}.wallet-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wallet-stats div{background:#ffffff1f;border-radius:12px;padding:10px 12px}.wallet-stats small{opacity:.85;font-size:12px;display:block}.wallet-stats b{font-size:16px}.story-row{scrollbar-width:none;gap:14px;padding:16px 2px 4px;display:flex;overflow-x:auto}.story-row::-webkit-scrollbar{display:none}.story-chip{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;width:72px;padding:0;display:flex}.story-ring{background:conic-gradient(var(--secondary-color), var(--primary-light), var(--secondary-color));border-radius:50%;width:66px;height:66px;padding:3px}.story-ring.viewed{background:var(--border-color)}.story-ring img{object-fit:cover;background:#fff;border:2px solid #fff;border-radius:50%;width:100%;height:100%}.story-label{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:11px;overflow:hidden}.story-viewer{z-index:1500;color:#fff;background:#0b1220;flex-direction:column;padding:12px;display:flex;position:fixed;inset:0}.story-bars{gap:4px;display:flex}.story-bars span{background:#ffffff4d;border-radius:2px;flex:1;height:3px;position:relative;overflow:hidden}.story-bars span.done{background:#fff}.story-bars span.active:after{content:"";transform-origin:0;animation:storybar var(--d) linear forwards;background:#fff;position:absolute;inset:0}@keyframes storybar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story-head{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.story-head .icon-btn{color:#fff}.story-img{object-fit:contain;flex:1;width:100%;min-height:0}.story-text{text-align:center;padding:12px 4px 24px;font-size:15px;line-height:1.5}.story-zone{cursor:pointer;background:0 0;border:0;width:35%;position:absolute;top:70px;bottom:0}.story-zone.left{left:0}.story-zone.right{right:0}.resume-card,.task-item{text-align:left;cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);width:100%;color:var(--text-main);font:inherit;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.resume-card{background:#fff7ed;border-color:#ff980080;margin-top:14px}.resume-card svg:first-child{color:var(--secondary-dark);flex:none}.resume-card.soft{background:var(--card-bg);border-color:var(--border-color)}.resume-card.soft svg:first-child{color:var(--primary-color)}.resume-card span,.task-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.resume-card small,.task-body small,.task-reward small{color:var(--text-muted);font-size:12px}.task-list{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (width>=900px){.task-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.task-item:hover,.resume-card:hover{border-color:var(--primary-light)}.task-icon{width:44px;height:44px;color:var(--primary-color);background:#0d47a114;border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.kind-task .task-icon{color:var(--ok);background:#0596691a}.kind-external .task-icon{color:var(--secondary-dark);background:#ff980024}.task-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.task-reward{text-align:right;flex-direction:column;flex:none;display:flex}.task-reward strong{color:var(--secondary-dark);font-size:14px}.install-card{background:var(--card-bg);border:1px dashed var(--border-color);border-radius:14px;align-items:center;gap:12px;margin-top:20px;padding:12px;display:flex}.install-card div{flex-direction:column;flex:1;display:flex}.install-card small{color:var(--text-muted);font-size:12px}.wallet .btn-accent{align-self:flex-start}.chips{scrollbar-width:none;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.chip{border:1px solid var(--border-color);background:var(--card-bg);min-height:36px;color:var(--text-main);cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:600}.chip.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.timeline{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;margin:8px 0 0;padding:0;list-style:none;overflow:hidden}.tl-row+.tl-row{border-top:1px solid var(--border-color)}.tl-main{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text-main);background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.tl-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tl-icon.pos{color:var(--ok);background:#0596691a}.tl-icon.neg{color:var(--bad);background:#dc262614}.tl-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tl-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.tl-body small{color:var(--text-muted);font-size:12px}.st{font-style:normal;font-weight:600}.st-ok{color:var(--ok)}.st-wait{color:var(--wait)}.st-bad{color:var(--bad)}.tl-amount{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.tl-amount.pos{color:var(--ok)}.tl-amount.neg{color:var(--text-main)}.tone-wait .tl-amount{color:var(--wait)}.tl-amount.struck{color:var(--text-muted);text-decoration:line-through}.tl-chev{color:var(--text-muted);transition:transform .2s}.tl-chev.up{transform:rotate(180deg)}.tl-detail{color:var(--text-main);padding:0 14px 12px 62px;font-size:13px;line-height:1.5}.goal-card{background:#fff7ed;border:1px solid #ff980066;border-radius:16px;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.goal-card img{object-fit:cover;background:#fff;border-radius:12px;width:56px;height:56px}.goal-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.goal-body small{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.orders-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;margin-bottom:16px}.orders-box summary{cursor:pointer;align-items:center;gap:8px;padding:12px 14px;font-weight:700;display:flex}.orders-box ul{margin:0;padding:0 14px 8px;list-style:none}.orders-box li{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.orders-box li span{flex-direction:column;min-width:0;display:flex}.orders-box small{color:var(--text-muted);font-size:12px}.order-st{color:var(--wait);white-space:nowrap;background:#fef3c7;border-radius:999px;padding:3px 10px;font-size:12px;font-style:normal;font-weight:700}.order-st.st-delivered,.order-st.st-completed{color:var(--ok);background:#d1fae5}.order-st.st-shipped{color:var(--primary-color);background:#dbeafe}.order-st.st-cancelled,.order-st.st-canceled,.order-st.st-rejected{color:var(--bad);background:#fee2e2}.toast-stack{z-index:2100;left:50%;bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + 12px);pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;transform:translate(-50%)}@media (width>=900px){.toast-stack{bottom:24px}}.toast{pointer-events:auto;color:#fff;box-shadow:var(--shadow-lg);cursor:pointer;background:#1e293b;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.4;animation:.2s ease-out toast-in}.toast-success{background:#065f46}.toast-error{background:#991b1b}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.fb-overlay{z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fb-dialog{background:var(--card-bg);width:min(100%,380px);box-shadow:var(--shadow-lg);border-radius:18px;padding:20px}.fb-dialog p{color:var(--text-main);margin:0 0 16px;font-size:15px;line-height:1.5}.fb-actions{justify-content:flex-end;gap:8px;display:flex}.celebrate-card{text-align:center;z-index:1;position:relative}.celebrate-card h3{color:var(--text-main);margin:4px 0;font-size:22px;font-weight:800}.celebrate-card .btn-primary{width:100%;margin-top:4px}.celebrate-points{background:var(--secondary-color);color:#1f1300;border-radius:999px;margin:4px 0 8px;padding:4px 14px;font-size:18px;font-weight:800;display:inline-block}.mascot-jump{margin:-70px auto 0;animation:1.1s cubic-bezier(.3,1.6,.5,1) 2 jump;display:block}@keyframes jump{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-24px)scale(1.04,.97)}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{top:-12px;left:calc(var(--i) * 5.5% + 2%);background:hsl(calc(var(--i) * 47), 90%, 55%);width:8px;height:14px;animation:fall calc(1.8s + var(--i) * 70ms) ease-in calc(var(--i) * 50ms) forwards;border-radius:2px;position:absolute}@keyframes fall{to{transform:translateY(105vh) rotate(calc(var(--i) * 80deg))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.confetti{display:none}}.bottomnav{overflow:visible}.bottomnav-item.featured{color:var(--primary-color);justify-content:flex-end;padding-bottom:6px;position:relative}.bottomnav-item.featured .fab{background:var(--primary-gradient);border:4px solid var(--card-bg);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;transition:transform .2s;display:flex;position:absolute;top:-26px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 18px -6px #0d47a18c}.bottomnav-item.featured .fab img{object-fit:contain;width:50px;height:50px;margin-top:6px}.bottomnav-item.featured.active .fab{background:var(--accent-gradient);transform:translate(-50%)translateY(-2px)scale(1.05)}.bottomnav-item.featured:active .fab{transform:translate(-50%)scale(.95)}.tab-desktop .nav-mascot{object-fit:contain;width:20px;height:20px}.jobs-head{align-items:center;gap:12px;margin:4px 0 14px;display:flex}.jobs-head img{flex:none;animation:3s ease-in-out infinite bob}.jobs-head h1{color:var(--text-main);margin:0;font-size:24px;font-weight:800}.jobs-head p{color:var(--text-muted);margin:2px 0 0;font-size:14px}.page-tasks .resume-card{margin:0 0 14px}.segmented{background:var(--surface-2);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:14px;padding:4px;display:grid}.segmented button{min-height:40px;font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:14px;font-weight:700}.segmented button.active{background:var(--card-bg);color:var(--primary-color);box-shadow:var(--shadow-sm)}.job-list{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (width>=900px){.job-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.job-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;align-items:flex-start;gap:12px;min-width:0;padding:14px;display:flex}.job-card.kind-task .task-icon{color:var(--ok);background:#0596691a}.job-card.kind-external .task-icon{color:var(--secondary-dark);background:#ff980024}.job-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.job-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-self:flex-start;font-size:11px;font-weight:700}.job-body h3{color:var(--text-main);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:700;line-height:1.3}.job-meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.job-meta span{align-items:center;gap:4px;display:inline-flex}.job-side{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.job-points{color:var(--secondary-dark);white-space:nowrap;font-size:15px;font-weight:800}.job-side small{color:var(--text-muted);font-size:12px}.btn-sm{border-radius:10px;min-height:36px;margin-top:6px;padding:0 14px;font-size:13px}.job-status{color:var(--wait);margin-top:6px;font-size:12px;font-weight:700}.profile-wallet{width:auto;margin:16px 16px 0;text-decoration:none}.avatar-shape{flex:none;justify-content:center;align-items:flex-end;display:inline-flex;overflow:hidden}.avatar-shape img{object-fit:contain;width:88%;height:88%;margin-bottom:-6%}.shape-circle{border-radius:50%}.shape-squircle{border-radius:30%}.shape-hexagon{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.shape-star{clip-path:polygon(50% 0,61% 33%,97% 35%,68% 57%,79% 93%,50% 72%,21% 93%,32% 57%,3% 35%,39% 33%)}.shape-star img{width:62%;height:62%;margin-bottom:18%}.shape-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-diamond img{width:70%;height:70%;margin-bottom:12%}.shape-blob{border-radius:58% 42% 55% 45%/45% 55%}.shape-shield{clip-path:polygon(50% 0,100% 14%,92% 68%,50% 100%,8% 68%,0 14%)}.shape-flower{border-radius:50% 10%}.avatar-photo{object-fit:cover;border-radius:50%}.avatar-initials{color:#fff;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.avatar-picker{width:min(100%,420px)}.avatar-picker-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.avatar-picker-head h3{color:var(--text-main);margin:0;font-size:18px;font-weight:800}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.avatar-option{background:var(--surface-2);cursor:pointer;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;padding:8px;display:flex}.avatar-option:hover{border-color:var(--primary-light)}.avatar-option.selected{border-color:var(--secondary-color);background:#fff7ed}.avatar-note{text-align:center;color:var(--text-muted)!important;margin:12px 0 0!important;font-size:12px!important}