@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--color-primary:#d42a2a;--color-primary-dark:#a92222;--color-primary-light:#f8d5d5;--color-primary-hover:#b02020;--color-primary-50:#fdf4f4;--color-primary-100:#faeded;--color-primary-200:#f3d2d2;--color-primary-500:#df5656;--color-primary-600:#d42a2a;--color-primary-700:#b02020;--color-primary-800:#891616;--color-primary-900:#5f0c0c;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--bg-success:#d1fae5;--bg-warning:#fef3c7;--bg-error:#fee2e2;--bg-info:#dbeafe}.dark-theme{--color-white:#0f172a;--color-black:#fff;--color-gray-50:#020617;--color-gray-100:#1e293b;--color-gray-200:#334155;--color-gray-300:#475569;--color-gray-400:#94a3b8;--color-gray-500:#cbd5e1;--color-gray-600:#e2e8f0;--color-gray-700:#f1f5f9;--color-gray-800:#f8fafc;--color-gray-900:#fff;--bg-success:#05966933;--bg-warning:#d9770633;--bg-error:#dc262633;--bg-info:#2563eb33;background-color:var(--color-gray-50);color:var(--color-gray-900);transition:background-color var(--transition-slow),color var(--transition-slow)}.dark-theme .card,.dark-theme .nav-dropdown-menu,.dark-theme .post-composer,.dark-theme .post-card,.dark-theme .stat-card{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-900)}.dark-theme .footer-links a,.dark-theme .card-text,.dark-theme .section-header p{color:var(--color-gray-400)}.dark-theme .nav-dropdown-item:hover,.dark-theme .footer-links a:hover{color:var(--color-primary)}.dark-theme input,.dark-theme select,.dark-theme textarea{background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-900)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-gray-900);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow),color var(--transition-slow);line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.25rem}.header{z-index:1000;background:var(--color-primary);border-bottom:1px solid var(--color-primary-dark);transition:box-shadow var(--transition-base);position:fixed;top:0;left:0;right:0}.header.scrolled{box-shadow:var(--shadow-lg)}.header-top{background:var(--color-gray-900);color:var(--color-white);padding:6px 0;font-size:.8rem}.header-top-inner{max-width:1280px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-main{max-width:1280px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;height:85px;margin:0 auto;display:flex}@media (max-width:768px){.header-main{height:75px;padding:0 var(--spacing-md)}}.mobile-menu-btn{color:var(--color-white);cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;display:none}@media (max-width:1024px){.mobile-menu-btn{display:flex}}.logo{align-items:center;gap:var(--spacing-sm);color:var(--color-primary);font-size:1.5rem;font-weight:800;display:flex}.header-logo-img{object-fit:contain;width:auto;height:65px;transition:all var(--transition-fast)}@media (max-width:768px){.header-logo-img{max-width:calc(100vw - 120px);height:52px}}.logo-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex}.nav-links{align-items:center;gap:var(--spacing-xl);display:flex}@media (max-width:1024px){.nav-links{background:var(--color-primary);max-height:calc(100vh - 85px);padding:var(--spacing-lg)var(--spacing-xl);z-index:1000;flex-direction:column;align-items:flex-start;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 20px #0003}.nav-links.mobile-open{display:flex!important}}.nav-link{color:#fff;transition:color var(--transition-fast);opacity:.9;padding:8px 0;font-size:.95rem;font-weight:600;position:relative}.nav-link:hover{color:#fff;opacity:1}.nav-link:after{content:"";width:0;height:2px;transition:width var(--transition-base);background:#fff;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.nav-dropdown{position:relative}.nav-dropdown-menu{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:var(--spacing-sm)0;opacity:0;visibility:hidden;min-width:220px;transition:all var(--transition-fast);z-index:100;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (max-width:1024px){.nav-dropdown-menu{box-shadow:none;opacity:1;visibility:visible;padding-left:var(--spacing-md);margin-top:var(--spacing-sm);background:0 0;border:none;display:block;position:static;transform:none}.nav-dropdown:hover .nav-dropdown-menu{display:block;transform:none}.nav-dropdown-item{color:#fffc!important}.nav-dropdown-item:hover{color:#fff!important;background:0 0!important;padding-left:25px!important}}.nav-dropdown-item{color:var(--color-gray-700);transition:all var(--transition-fast);padding:10px 20px;font-size:.9rem;display:block}.nav-dropdown-item:hover{background:var(--color-primary-50);color:var(--color-primary)}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;padding:10px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);box-shadow:0 4px 14px #dc262659}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262673}.btn-secondary{background:var(--color-gray-900);color:var(--color-white)}.btn-secondary:hover{background:var(--color-gray-800);transform:translateY(-1px)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-ghost{color:var(--color-gray-700);padding:8px 16px}.btn-ghost:hover{background:var(--color-gray-100)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-lg{padding:14px 32px;font-size:1rem}.btn-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.hero{background:linear-gradient(135deg,var(--color-gray-900)0%,#1a1a2e 50%,var(--color-primary-900)100%);align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero-bg-pattern{background-image:radial-gradient(circle at 20%,#dc262626 0%,#0000 50%),radial-gradient(circle at 80% 20%,#dc26261a 0%,#0000 50%),radial-gradient(circle at 60% 80%,#dc262614 0%,#0000 50%);position:absolute;inset:0}.hero-content{max-width:1280px;padding:0 var(--spacing-lg);gap:var(--spacing-3xl);z-index:2;grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}.hero-text h1{color:var(--color-white);margin-bottom:var(--spacing-lg);font-size:3.5rem;font-weight:900;line-height:1.1}.hero-text h1 span{background:linear-gradient(135deg,var(--color-primary-500),#ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text p{color:var(--color-gray-400);margin-bottom:var(--spacing-xl);max-width:520px;font-size:1.15rem;line-height:1.8}.hero-buttons{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.hero-stats{gap:var(--spacing-lg);margin-top:var(--spacing-2xl);grid-template-columns:repeat(2,1fr);display:grid}.hero-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:transform var(--transition-base);background:#ffffff0f;border:1px solid #ffffff1a}.hero-stat:hover{background:#ffffff1a;transform:translateY(-4px)}.hero-stat-number{color:var(--color-primary-500);font-size:2.5rem;font-weight:800}.hero-stat-label{color:var(--color-gray-400);margin-top:4px;font-size:.85rem}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-image-wrapper{aspect-ratio:1;border-radius:var(--radius-xl);width:100%;max-width:520px;position:relative;overflow:hidden}.hero-image-wrapper img{object-fit:cover;width:100%;height:100%}.hero-floating-card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);align-items:center;gap:10px;padding:12px 18px;animation:3s ease-in-out infinite float;display:flex;position:absolute}.hero-floating-card:nth-child(2){animation-delay:-1s;top:10%;right:-10%}.hero-floating-card:nth-child(3){animation-delay:-2s;bottom:15%;left:-8%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section{padding:var(--spacing-3xl)0}.section-dark{background:var(--color-gray-900);color:var(--color-white)}.section-light{background:var(--color-gray-50)}.container{max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-tag{background:var(--color-primary-100);color:var(--color-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);padding:4px 16px;font-size:.8rem;font-weight:600;display:inline-block}.section-header h2{margin-bottom:var(--spacing-sm)}.section-header p{color:var(--color-gray-500);max-width:600px;margin:0 auto;font-size:1.1rem}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-200);transform:translateY(-4px)}.card-image{object-fit:cover;width:100%;height:200px}.card-body{padding:var(--spacing-lg)}.card-tag{background:var(--color-primary-100);color:var(--color-primary);border-radius:var(--radius-full);margin-bottom:var(--spacing-sm);padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.card-title{margin-bottom:var(--spacing-sm);font-size:1.15rem;font-weight:700}.card-text{color:var(--color-gray-500);font-size:.9rem;line-height:1.6}.card-footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.cards-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-200);transform:translateY(-6px)}.feature-icon{background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-50));border-radius:var(--radius-lg);width:64px;height:64px;margin:0 auto var(--spacing-md);justify-content:center;align-items:center;font-size:1.8rem;display:flex}.feature-card h3{margin-bottom:var(--spacing-sm);font-size:1.1rem}.feature-card p{color:var(--color-gray-500);font-size:.9rem}.commissions-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.commission-card{background:linear-gradient(135deg,var(--color-gray-900),#1a1a2e);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;color:var(--color-white);transition:all var(--transition-base);border:1px solid #dc262633}.commission-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 30px #dc262633}.commission-icon{margin-bottom:var(--spacing-sm);font-size:2rem}.commission-card h4{margin-bottom:4px;font-size:.95rem}.commission-card p{color:var(--color-gray-400);font-size:.8rem}.footer{background:var(--color-gray-900);color:var(--color-gray-400);padding:var(--spacing-3xl)0 var(--spacing-lg)}.footer-grid{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand p{margin-top:var(--spacing-md);font-size:.9rem;line-height:1.8}.footer-title{color:var(--color-white);margin-bottom:var(--spacing-md);font-size:1rem;font-weight:600}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{transition:color var(--transition-fast);font-size:.9rem}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-gray-800);padding-top:var(--spacing-lg);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.footer-social{gap:var(--spacing-md);display:flex}.footer-social-link{border-radius:var(--radius-full);background:var(--color-gray-800);width:40px;height:40px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.footer-social-link:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.notification-bell{cursor:pointer;position:relative}.notification-badge{background:var(--color-primary);width:18px;height:18px;color:var(--color-white);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.form-group{margin-bottom:var(--spacing-md)}.form-label{color:var(--color-gray-700);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.form-input{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast);background:var(--color-white);outline:none;padding:10px 14px;font-size:.95rem}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-textarea{resize:vertical;min-height:120px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.dashboard-layout{min-height:100vh;padding-top:110px;display:flex}.sidebar{background:var(--color-gray-900);width:280px;color:var(--color-white);padding:var(--spacing-lg)0;z-index:50;transition:transform var(--transition-base);position:fixed;top:110px;bottom:0;left:0;overflow-y:auto}.sidebar-nav{padding:0 var(--spacing-sm)}.sidebar-section{margin-bottom:var(--spacing-lg)}.sidebar-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--color-gray-500);padding:0 var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.7rem;font-weight:700}.sidebar-link{align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border-radius:var(--radius-md);color:var(--color-gray-400);transition:all var(--transition-fast);margin-bottom:2px;font-size:.9rem;display:flex}.sidebar-link:hover{color:var(--color-white);background:#ffffff14}.sidebar-link.active{background:var(--color-primary);color:var(--color-white)}.sidebar-link-icon{text-align:center;width:24px;font-size:1.1rem}.dashboard-main{padding:var(--spacing-xl);background:var(--color-white);min-height:calc(100vh - 110px);transition:background-color var(--transition-slow);flex:1;margin-left:280px}.dark-theme .dashboard-main{background:var(--color-gray-50)}.stats-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.stat-card-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.stat-card-icon.red{background:var(--bg-error);color:var(--color-error)}.stat-card-icon.green{background:var(--bg-success);color:var(--color-success)}.stat-card-icon.blue{background:var(--bg-info);color:var(--color-info)}.stat-card-icon.yellow{background:var(--bg-warning);color:var(--color-warning)}.stat-card-value{color:var(--color-gray-900);font-size:1.8rem;font-weight:800}.stat-card-label{color:var(--color-gray-500);font-size:.85rem}.data-table{border-collapse:collapse;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);width:100%;overflow:hidden}.data-table th{background:var(--color-gray-50);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-500);border-bottom:1px solid var(--color-gray-200);padding:12px 16px;font-size:.8rem;font-weight:600}.data-table td{border-bottom:1px solid var(--color-gray-100);padding:12px 16px;font-size:.9rem}.data-table tbody tr:hover{background:var(--color-gray-50)}.badge{border-radius:var(--radius-full);align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--bg-success);color:#065f46}.dark-theme .badge-success{color:#34d399}.badge-warning{background:var(--bg-warning);color:#92400e}.dark-theme .badge-warning{color:#fbbf24}.badge-error{background:var(--bg-error);color:var(--color-primary-800)}.dark-theme .badge-error{color:#fca5a5}.badge-info{background:var(--bg-info);color:#1e40af}.dark-theme .badge-info{color:#93c5fd}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-white);border-radius:var(--radius-xl);width:90%;max-width:560px;max-height:85vh;box-shadow:var(--shadow-xl);animation:.3s slideUp;overflow-y:auto}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-gray-200);gap:var(--spacing-sm);justify-content:flex-end;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tabs{background:var(--color-gray-100);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);gap:4px;padding:4px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--color-gray-600);transition:all var(--transition-fast);padding:8px 20px;font-size:.9rem;font-weight:500}.tab.active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.tab:hover:not(.active){color:var(--color-gray-900)}.search-box{position:relative}.search-box input{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50);width:100%;transition:all var(--transition-fast);padding:10px 14px 10px 40px;font-size:.9rem}.search-box input:focus{border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.search-box-icon{color:var(--color-gray-400);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.mobile-menu-btn{justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:none}.page-header{background:linear-gradient(135deg,var(--color-gray-900),var(--color-primary-900));color:var(--color-white);padding:120px 0 60px}.page-header h1{margin-bottom:var(--spacing-sm);font-size:2.5rem}.page-header p{color:var(--color-gray-400);font-size:1.1rem}.dynamic-page-container{padding-top:120px}@media (max-width:768px){.dynamic-page-container{padding-top:100px}}.breadcrumb{gap:var(--spacing-sm);color:var(--color-gray-400);margin-bottom:var(--spacing-md);font-size:.85rem;display:flex}.breadcrumb a:hover{color:var(--color-primary-500)}.faq-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:border-color var(--transition-fast);overflow:hidden}.faq-item:hover{border-color:var(--color-primary-200)}.faq-question{width:100%;padding:var(--spacing-md)var(--spacing-lg);color:var(--color-gray-800);background:var(--color-white);text-align:left;cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;display:flex}.faq-question:hover{background:var(--color-gray-50)}.faq-answer{padding:0 var(--spacing-lg)var(--spacing-md);color:var(--color-gray-600);font-size:.95rem;line-height:1.7;display:none}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question{color:var(--color-primary)}.contact-grid{gap:var(--spacing-2xl);grid-template-columns:1fr 1.5fr;display:grid}.contact-info-card{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);display:flex}.contact-info-icon{background:var(--color-primary-100);width:48px;min-width:48px;height:48px;color:var(--color-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;font-size:1.3rem;display:flex}.calendar-grid{background:var(--color-gray-200);border-radius:var(--radius-md);grid-template-columns:repeat(7,1fr);gap:2px;display:grid;overflow:hidden}.calendar-header-cell{background:var(--color-gray-900);color:var(--color-white);text-align:center;padding:10px;font-size:.8rem;font-weight:600}.calendar-cell{background:var(--color-white);cursor:pointer;min-height:80px;transition:background var(--transition-fast);padding:8px;font-size:.85rem}.calendar-cell:hover{background:var(--color-primary-50)}.calendar-cell.today{background:var(--color-primary-100)}.calendar-event-dot{border-radius:var(--radius-full);background:var(--color-primary);width:6px;height:6px;margin-top:4px}.messages-layout{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);grid-template-columns:300px 1fr;gap:0;height:600px;display:grid;overflow:hidden}.messages-list{border-right:1px solid var(--color-gray-200);overflow-y:auto}.message-item{padding:14px var(--spacing-md);border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background var(--transition-fast);gap:var(--spacing-sm);display:flex}.message-item:hover,.message-item.active{background:var(--color-primary-50)}.message-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));width:40px;height:40px;color:var(--color-white);justify-content:center;align-items:center;min-width:40px;font-size:.9rem;font-weight:700;display:flex}.message-content-area{flex-direction:column;height:100%;display:flex}.message-header-area{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-200);align-items:center;gap:var(--spacing-sm);display:flex}.message-body-area{padding:var(--spacing-md);flex:1;overflow-y:auto}.message-bubble{border-radius:var(--radius-lg);max-width:70%;margin-bottom:var(--spacing-sm);padding:10px 16px;font-size:.9rem}.message-bubble.sent{background:var(--color-primary);color:var(--color-white);border-bottom-right-radius:4px;margin-left:auto}.message-bubble.received{background:var(--color-gray-100);border-bottom-left-radius:4px}.message-input-area{padding:var(--spacing-md);border-top:1px solid var(--color-gray-200);gap:var(--spacing-sm);display:flex}.message-input-area input{border:2px solid var(--color-gray-200);border-radius:var(--radius-full);outline:none;flex:1;padding:10px 16px;font-size:.9rem}.message-input-area input:focus{border-color:var(--color-primary)}.rating-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.rating-item{background:var(--color-gray-50);padding:var(--spacing-md);border-radius:var(--radius-md)}.rating-label{margin-bottom:var(--spacing-sm);color:var(--color-gray-700);font-size:.85rem;font-weight:600}.rating-stars{gap:4px;display:flex}.rating-star{color:var(--color-gray-300);cursor:pointer;transition:color var(--transition-fast);font-size:1.4rem}.rating-star.filled{color:#fbbf24}.rating-star:hover{color:#f59e0b}.post-composer{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.post-composer-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.post-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.post-author{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.post-author-name{font-size:.95rem;font-weight:600}.post-author-time{color:var(--color-gray-400);font-size:.8rem}.post-text{color:var(--color-gray-700);margin-bottom:var(--spacing-md);font-size:.95rem;line-height:1.7}.post-actions{gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-100);display:flex}.post-action{color:var(--color-gray-500);cursor:pointer;transition:color var(--transition-fast);align-items:center;gap:6px;font-size:.85rem;display:flex}.post-action:hover{color:var(--color-primary)}.reward-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);text-align:center;overflow:hidden}.reward-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.reward-image{object-fit:cover;background:linear-gradient(135deg,var(--color-gray-100),var(--color-gray-200));width:100%;height:180px}.reward-body{padding:var(--spacing-lg)}.reward-points{background:var(--color-primary-100);color:var(--color-primary);border-radius:var(--radius-full);margin-bottom:var(--spacing-sm);align-items:center;gap:4px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-gray-400)}.empty-state-icon{margin-bottom:var(--spacing-md);font-size:3rem}.empty-state h3{color:var(--color-gray-600);margin-bottom:var(--spacing-sm)}.auth-page{min-height:100vh;display:flex}.auth-left{background:linear-gradient(135deg,var(--color-gray-900),var(--color-primary-900));padding:var(--spacing-2xl);color:var(--color-white);flex:1;justify-content:center;align-items:center;display:flex}.auth-left h2{margin-bottom:var(--spacing-md);font-size:2.5rem}.auth-left p{color:var(--color-gray-400);max-width:400px;font-size:1.1rem}.auth-right{width:500px;padding:var(--spacing-2xl);justify-content:center;align-items:center;display:flex}.auth-form{width:100%;max-width:380px}.auth-form h3{margin-bottom:var(--spacing-lg);font-size:1.5rem}.auth-divider{align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg)0;color:var(--color-gray-400);font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-gray-200);flex:1;height:1px}.progress-bar{background:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-500));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));width:40px;height:40px;color:var(--color-white);justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.avatar-lg{width:64px;height:64px;font-size:1.2rem}.avatar-sm{width:32px;height:32px;font-size:.7rem}.cta-section{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));padding:var(--spacing-3xl)0;text-align:center;color:var(--color-white)}.cta-section h2{margin-bottom:var(--spacing-md)}.cta-section p{opacity:.9;margin-bottom:var(--spacing-xl);font-size:1.1rem}.btn-cta{background:var(--color-white);color:var(--color-primary);border-radius:var(--radius-full);transition:all var(--transition-fast);align-items:center;gap:var(--spacing-sm);padding:14px 40px;font-size:1rem;font-weight:700;display:inline-flex}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text p{margin:0 auto var(--spacing-xl)}.hero-buttons{justify-content:center}.hero-stats{max-width:600px;margin:var(--spacing-2xl)auto 0;flex-wrap:wrap;justify-content:center;display:flex}.hero-stat{min-width:45%}.hero-visual{display:none}.features-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.hero-text h1{font-size:2.2rem}.mobile-menu-btn{z-index:1010;display:flex!important}.header-top{display:none}.header-actions{gap:var(--spacing-sm)}.features-grid,.footer-grid,.cards-grid{grid-template-columns:1fr}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.dashboard-main{padding:var(--spacing-md);margin-left:0}.stats-grid{grid-template-columns:1fr}.messages-layout{grid-template-columns:1fr;height:auto}.auth-page{flex-direction:column}.auth-left{padding:var(--spacing-xl);min-height:300px}.auth-right{width:100%;padding:var(--spacing-xl)}.rating-grid{grid-template-columns:1fr}.page-header{padding:100px 0 40px}.page-header h1{font-size:1.8rem}}.hero-badge{color:#ff6b6b;border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);background:#dc262626;border:1px solid #dc262633;padding:8px 20px;font-size:.85rem;font-weight:600;animation:2s ease-in-out infinite pulse-glow;display:inline-block}@keyframes pulse-glow{0%,to{box-shadow:0 0 #dc262633}50%{box-shadow:0 0 20px 4px #dc262626}}.btn-hero-outline{color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);border:2px solid #ffffff4d;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;display:inline-flex}.btn-hero-outline:hover{background:#ffffff14;border-color:#fff9;transform:translateY(-2px)}.hero-btn-glow{animation:2.5s ease-in-out infinite btn-glow}@keyframes btn-glow{0%,to{box-shadow:0 4px 14px #dc262659}50%{box-shadow:0 6px 30px #dc26268c}}.hero-particles{pointer-events:none;z-index:1;position:absolute;inset:0}.hero-particle{background:#dc26264d;border-radius:50%;animation:8s ease-in-out infinite particle-float;position:absolute}@keyframes particle-float{0%,to{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.6;transform:translateY(-40px)scale(1.3)}}.hero-globe{justify-content:center;align-items:center;position:relative;background:0 0!important;display:flex!important}.hero-globe-center{text-align:center;z-index:2}.hero-globe-ring{border:2px solid #dc262633;border-radius:50%;animation:8s linear infinite ring-spin;position:absolute}.ring-1{border-color:#dc262626;width:200px;height:200px}.ring-2{border-color:#dc26261a;width:300px;height:300px;animation-duration:12s;animation-direction:reverse}.ring-3{border-color:#dc26260f;width:400px;height:400px;animation-duration:16s}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-scroll-indicator{color:var(--color-gray-400);z-index:3;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;animation:2s ease-in-out infinite scroll-bounce;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid #ffffff4d;border-radius:12px;width:24px;height:38px;position:relative}.scroll-wheel{background:var(--color-primary-500);border-radius:2px;width:4px;height:8px;animation:1.5s ease-in-out infinite scroll-wheel;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scroll-wheel{0%{opacity:1;top:6px}to{opacity:0;top:20px}}@keyframes scroll-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.steps-grid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.step-card{text-align:center;padding:var(--spacing-xl)var(--spacing-md);position:relative}.step-number{color:var(--color-primary-100);margin-bottom:var(--spacing-sm);font-size:3rem;font-weight:900;line-height:1}.step-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-full);width:72px;height:72px;margin:0 auto var(--spacing-md);justify-content:center;align-items:center;font-size:2rem;display:flex;box-shadow:0 8px 24px #dc26264d}.step-card h3{margin-bottom:var(--spacing-sm);font-size:1.1rem}.step-card p{color:var(--color-gray-500);font-size:.9rem}.step-connector{display:none}.card-image-area{justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.card-image-icon{transition:transform var(--transition-base);font-size:3.5rem}.card:hover .card-image-icon{transform:scale(1.15)rotate(5deg)}.card-image-badge{color:#fff;border-radius:var(--radius-full);padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:12px;right:12px}.testimonial-slider{max-width:650px;min-height:250px;margin:0 auto;position:relative}.testimonial-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;box-shadow:var(--shadow-lg);transition:all .5s}.testimonial-emoji{margin-bottom:var(--spacing-md);font-size:2.5rem}.testimonial-card blockquote{color:var(--color-gray-700);margin-bottom:var(--spacing-lg);font-size:1.1rem;font-style:italic;line-height:1.8}.testimonial-author{align-items:center;gap:var(--spacing-sm);justify-content:center;display:flex}.testimonial-dots{margin-top:var(--spacing-lg);justify-content:center;gap:8px;display:flex}.testimonial-dot{background:var(--color-gray-300);cursor:pointer;width:10px;height:10px;transition:all var(--transition-fast);border:none;border-radius:50%}.testimonial-dot.active{background:var(--color-primary);transform:scale(1.3)}.numbers-grid{gap:var(--spacing-md);grid-template-columns:repeat(5,1fr);display:grid}.number-card{padding:var(--spacing-xl)var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);text-align:center;transition:all var(--transition-base);background:#fff}.number-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.number-icon{border-radius:var(--radius-lg);width:56px;height:56px;margin:0 auto var(--spacing-sm);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.number-value{font-size:2.5rem;font-weight:800}.number-label{color:var(--color-gray-500);margin-top:4px;font-size:.9rem}.cta-section{position:relative;overflow:hidden}.cta-bg-pattern{background-image:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0%,#0000 50%);position:absolute;inset:0}.cta-inner{text-align:center;max-width:600px;margin:0 auto}@media (max-width:1024px){.steps-grid{grid-template-columns:repeat(2,1fr)}.numbers-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.steps-grid{grid-template-columns:1fr}.numbers-grid{grid-template-columns:repeat(2,1fr)}.hero-scroll-indicator{display:none}.hero-badge{padding:6px 14px;font-size:.75rem}.testimonial-card{padding:var(--spacing-lg)}.ring-1,.ring-2,.ring-3{display:none}}.animate-fade-in{animation:.4s forwards fadeIn}.sidebar-nav-item{transition:all .3s}.sidebar-nav-item:hover{background:linear-gradient(90deg,var(--color-gray-100),transparent);transform:translate(4px)}.sidebar-nav-item.active{background:linear-gradient(90deg,var(--color-primary-100),transparent);border-left:4px solid var(--color-primary)}@media (max-width:1024px){.dashboard-main{padding:var(--spacing-md);margin-left:0}.sidebar{z-index:100;width:260px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}.dashboard-layout>div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}}.bottom-nav{background:var(--color-white);border-top:1px solid var(--color-gray-200);z-index:1000;justify-content:space-around;align-items:center;height:70px;padding:10px 5px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 15px #00000014}.bottom-nav-item{color:var(--color-gray-500);width:25%;transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:5px;text-decoration:none;display:flex}.bottom-nav-icon{margin-bottom:2px;font-size:1.4rem}.bottom-nav-label{font-size:.75rem;font-weight:600}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item:active{transform:scale(.92)}@media (max-width:768px){.bottom-nav{display:flex}.dashboard-main{padding-bottom:90px!important}.sidebar.open{z-index:1001;box-shadow:20px 0 50px #0000004d;transform:translate(0)!important}}.sidebar-overlay{z-index:1000;background:#00000080;display:none;position:fixed;inset:0}.view-toggle-btn{border-radius:var(--radius-md);background:var(--color-gray-100);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:8px;font-size:1.4rem;display:flex}.view-toggle-btn:hover{background:var(--color-gray-200);transform:translateY(-2px)}body.force-mobile-view{background-color:var(--color-white);border-left:2px solid var(--color-gray-200);border-right:2px solid var(--color-gray-200);max-width:414px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 50px #0000004d}body.force-mobile-view .header{max-width:414px;margin:0 auto;left:0;right:0}.activity-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.activity-tabs::-webkit-scrollbar{display:none}.activity-content-grid{grid-template-columns:2fr 1fr;display:grid}@media (max-width:768px){.activity-content-grid{grid-template-columns:1fr;gap:24px!important}}.mobile-toggles,.mobile-user-menu{display:none}@media (max-width:1024px){.desktop-toggles,.desktop-user-menu{display:none!important}.mobile-toggles{justify-content:space-between;display:flex}.mobile-user-menu{display:block}}