:root{--nav-height:64px;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-bg:#dbeafe;--color-primary-disabled:#93c5fd;--color-primary-ring:#2563eb33;--color-success:#10b981;--color-success-dark:#059669;--color-success-light:#ecfdf5;--color-danger:#dc2626;--color-danger-dark:#b91c1c;--color-danger-light:#fee2e2;--color-danger-subtle:#fef2f2;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-warning-light:#fef3c7;--color-info:#0ea5e9;--color-info-light:#f0f9ff;--color-accent:#8b5cf6;--color-text-darker:#111827;--color-text-dark:#1e293b;--color-text-heading:#1f2937;--color-text:#374151;--color-text-primary:var(--color-text);--color-text-medium:#4b5563;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-text-light:#d1d5db;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-subtle:#f8fafc;--color-bg-muted:#f3f4f6;--color-bg-hover:#f1f5f9;--color-border:#e5e7eb;--color-border-medium:#d1d5db;--color-border-light:#f3f4f6;--color-border-focus:var(--color-primary);--color-surface-glass:#ffffffd9;--color-surface-glass-dark:#0f172ad9;--font-size-xs:clamp(0.7rem,0.65rem + 0.25vw,0.75rem);--font-size-sm:clamp(0.8rem,0.75rem + 0.25vw,0.875rem);--font-size-base:clamp(0.875rem,0.825rem + 0.25vw,1rem);--font-size-md:clamp(0.925rem,0.875rem + 0.25vw,1.05rem);--font-size-lg:clamp(1rem,0.95rem + 0.25vw,1.125rem);--font-size-xl:clamp(1.125rem,1rem + 0.5vw,1.25rem);--font-size-2xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--font-size-3xl:clamp(1.5rem,1.2rem + 1.5vw,2.5rem);--font-size-4xl:clamp(1.75rem,1.3rem + 2vw,3.5rem);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-base:1.4;--line-height-relaxed:1.6;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:3rem;--space-px-10:10px;--space-px-20:20px;--space-px-24:24px;--space-px-30:30px;--space-px-40:40px;--space-px-60:60px;--space-px-80:80px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 2px 8px #0000001a;--shadow-lg:0 4px 16px #0000001a;--shadow-xl:0 8px 30px #0000001f;--shadow-elevated-xl:0 32px 64px -12px #00000040;--shadow-inner:inset 0 2px 4px #0000000f;--shadow-inset:inset 0 2px 4px #0000001a;--shadow-focus:0 0 0 3px var(--color-primary-ring);--shadow-glow:0 0 20px #2563eb40;--shadow-glow-lg:0 0 40px #2563eb4d;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);--gradient-hero:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);--gradient-success:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);--gradient-danger:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);--gradient-surface:linear-gradient(145deg,#ffffffe6,#ffffffb3);--gradient-glass:linear-gradient(145deg,#ffffff1a,#ffffff0d);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.6s cubic-bezier(0.68,-0.55,0.265,1.55);--transition-spring:0.4s cubic-bezier(0.175,0.885,0.32,1.275);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:750ms;--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px;--container-max:1200px;--container-padding:clamp(1rem,2vw,2rem);--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}.btn{border:1px solid #0000;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:.4rem;line-height:1;padding:.55rem 1.1rem;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.55;transform:none!important}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-primary:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-secondary{background:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-muted);border-color:var(--color-border-medium)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.btn-ghost{background:#0000;border-color:var(--color-border);color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-muted)}.btn-success{background:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background:var(--color-success-dark);border-color:var(--color-success-dark)}.btn-sm{border-radius:var(--radius-md);font-size:var(--font-size-xs);min-height:36px;padding:.35rem .75rem}.btn-lg{border-radius:var(--radius-xl);font-size:var(--font-size-base);min-height:52px;padding:.75rem 1.5rem}.btn-full{width:100%}.card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.card-sm{border-radius:var(--radius-lg);padding:var(--space-lg)}.card-flat{box-shadow:none}.card-hover{transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;padding:.2rem .6rem;white-space:nowrap}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-neutral{background:var(--color-bg-muted);color:var(--color-text-secondary)}.status-open{background:var(--color-primary-bg);color:var(--color-primary-dark)}.status-in_progress{background:var(--color-warning-light);color:var(--color-warning-dark)}.status-completed{background:var(--color-success-light);color:var(--color-success-dark)}.status-cancelled{background:var(--color-danger-light);color:var(--color-danger)}.status-pending{background:var(--color-bg-muted);color:var(--color-text-secondary)}.status-declined{background:#fce7f3;color:#9d174d}.form-group{gap:var(--space-xs);margin-bottom:var(--space-lg)}.form-label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.form-label-required:after{color:var(--color-danger);content:" *"}.form-input,.form-select,.form-textarea{appearance:none;-webkit-appearance:none;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--color-text);font-size:var(--font-size-sm);min-height:44px;padding:.6rem .85rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.form-hint{color:var(--color-text-secondary)}.form-error,.form-hint{font-size:var(--font-size-xs)}.form-error{color:var(--color-danger)}.form-textarea{line-height:var(--line-height-relaxed);min-height:88px;resize:vertical}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.page-container{box-sizing:border-box;margin:0 auto;max-width:var(--container-max);padding:var(--space-2xl) var(--container-padding);width:100%}.section-header{margin-bottom:var(--space-xl)}.section-header h2{color:var(--color-text-dark);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs)}.section-header p{font-size:var(--font-size-sm);margin:0}.empty-state,.section-header p{color:var(--color-text-secondary)}.empty-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;padding:var(--space-4xl) var(--space-xl);text-align:center}.empty-state-icon{font-size:2.5rem;line-height:1;opacity:.6}.empty-state h3{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;max-width:340px}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.alert{align-items:flex-start;border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);line-height:var(--line-height-relaxed);padding:var(--space-md) var(--space-lg)}.alert-info{background:var(--color-primary-light);border:1px solid #bfdbfe;color:var(--color-primary)}.alert-success{background:var(--color-success-light);border:1px solid #a7f3d0;color:var(--color-success-dark)}.alert-warning{background:var(--color-warning-light);border:1px solid var(--color-warning-light);color:var(--color-warning-dark)}.alert-danger{background:var(--color-danger-light);border:1px solid #fca5a5;color:var(--color-danger)}.spinner{animation:spin .7s linear infinite;border:2px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-primary);display:inline-block;height:20px;width:20px}.spinner-sm{height:14px;width:14px}.spinner-lg{border-width:3px;height:32px;width:32px}.btn-outline{border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.tag{background:var(--color-bg-muted);border-radius:4px;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;padding:4px 8px}.tag.primary{background:var(--color-primary)}.tag.primary,.tag.success{color:var(--color-text-inverse)}.tag.success{background:var(--color-success)}.tag.warning{background:var(--color-warning);color:var(--color-warning-dark)}.tag.danger{background:var(--color-danger);color:var(--color-text-inverse)}.tag-clickable{border:none;cursor:pointer;min-height:0;transition:background var(--transition-fast),color var(--transition-fast)}.tag-clickable:hover{background:var(--color-border-medium);color:var(--color-text-darker)}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.pagination button{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;min-height:44px;min-width:44px;padding:8px 12px;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.pagination button:hover:not(:disabled){background:var(--color-bg-muted)}.pagination button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pagination button:disabled{cursor:not-allowed;opacity:.5}@media (pointer:coarse){.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:44px}}.container{max-width:var(--container-max)}.container,.container-narrow{margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%}.container-narrow{max-width:800px}.page-wrapper{min-height:calc(100vh - 64px);padding-bottom:var(--space-3xl);padding-top:var(--space-lg)}@media (min-width:768px){.page-wrapper{padding-bottom:var(--space-4xl);padding-top:var(--space-2xl)}}.grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.grid-1,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}@media (min-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.stack{display:flex;flex-direction:column;gap:var(--space-lg)}@media (min-width:768px){.stack-row{align-items:flex-start;flex-direction:row}}.layout-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}@media (min-width:768px){.layout-sidebar{flex-direction:row}.layout-sidebar>.sidebar{flex-shrink:0;width:280px}.layout-sidebar>.main-content{flex:1 1;min-width:0}}.hide-mobile{display:none!important}@media (min-width:768px){.hide-mobile{display:inline!important;display:initial!important}.hide-desktop{display:none!important}}.show-mobile{display:inline;display:initial}@media (min-width:768px){.show-mobile{display:none!important}}.overflow-wrap{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-responsive{-webkit-overflow-scrolling:touch;background:var(--color-bg-primary);inset:0;overflow-y:auto;padding:var(--space-lg);position:fixed;z-index:1000}@media (min-width:768px){.modal-responsive{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);inset:auto;left:50%;max-height:85vh;max-width:600px;top:50%;transform:translate(-50%,-50%);width:90%}}.form-group{gap:var(--space-sm);width:100%}.form-group,.form-row{display:flex;flex-direction:column}.form-row{gap:var(--space-lg)}@media (min-width:480px){.form-row{flex-direction:row}.form-row>*{flex:1 1}}.form-input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);min-height:44px;padding:var(--space-md) var(--space-lg);transition:border-color var(--transition-fast);width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.btn-mobile-friendly{border-radius:var(--radius-lg);font-size:var(--font-size-base);min-height:44px;overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;transition:all var(--transition-normal)}.btn-mobile-friendly:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.btn-mobile-friendly:hover:before{left:100%}.status-indicator{display:inline-block;position:relative}.status-indicator:after{animation:pulse 2s infinite;border-radius:var(--radius-full);content:"";height:8px;position:absolute;right:-2px;top:-2px;width:8px}.status-indicator.online:after{background:var(--color-success)}.status-indicator.busy:after{background:var(--color-warning)}.status-indicator.offline:after{background:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){.btn-mobile-friendly:before,.status-indicator:after{animation:none;transition:none}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth}canvas,img,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{font:inherit}.btn,[role=button],a.btn,button{min-height:44px}table{border-collapse:collapse;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home{min-height:100vh}.hero{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;min-height:480px;overflow:hidden;padding:var(--space-2xl) var(--container-padding) var(--space-3xl);position:relative;text-align:center}.hero-bg-decor{background:radial-gradient(circle at 20% 80%,#7877c640 0,#0000 50%),radial-gradient(circle at 80% 20%,#34d39926 0,#0000 50%);inset:0;pointer-events:none;position:absolute}.hero-content{margin:0 auto;max-width:700px;position:relative;z-index:2}.hero-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#ffffffe6;display:inline-block;font-size:var(--font-size-xs);margin-bottom:var(--space-lg);padding:var(--space-xs) var(--space-md)}.hero-title{font-size:clamp(1.75rem,5vw,3.25rem);font-weight:800;line-height:1.15;margin:0 0 var(--space-md)}.hero-highlight{color:#34d399}.hero-subtitle{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--space-xl);margin-left:auto;margin-right:auto;max-width:560px;opacity:.88}.hero-tabs{background:#ffffff1a;border-radius:10px;display:inline-flex;gap:4px;margin-bottom:var(--space-lg);padding:4px}.hero-tab{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;min-height:40px;padding:var(--space-sm) var(--space-lg);transition:all .15s}.hero-tab.active{background:var(--color-bg-primary);color:var(--color-text-heading);font-weight:600}.hero-search{display:flex;flex-direction:column;gap:var(--space-sm);margin:0 auto var(--space-lg);max-width:560px}.hero-search-input{background:var(--color-bg-primary);border:none;border-radius:12px;box-shadow:0 4px 20px #0003;color:var(--color-text-heading);flex:1 1;font-size:16px;min-height:52px;outline:none;padding:var(--space-md) var(--space-lg)}.hero-search-input::placeholder{color:var(--color-text-muted)}.hero-search-btn{background:var(--color-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:700;min-height:52px;padding:var(--space-md) var(--space-xl);transition:background .15s}.hero-search-btn:hover{background:var(--color-primary-dark)}.hero-quick-links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-xl)}.hero-popular{font-size:var(--font-size-sm);opacity:.7}.hero-quick-tag{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;color:#fff;display:inline-flex;font-size:var(--font-size-xs);min-height:32px;padding:var(--space-xs) var(--space-md);text-decoration:none;transition:background .15s}.hero-quick-tag:hover{background:#ffffff38}.hero-actions{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm)}.hero-extras{min-height:132px}.hero-tabs{margin-bottom:1rem;min-height:44px}.hero-search{margin-bottom:1rem;min-height:48px}.hero-quick-links{margin-bottom:1rem;min-height:40px}.hero-actions{min-height:100px}.featured-services{margin-bottom:2rem;min-height:300px}.service-card{margin-bottom:1rem;min-height:200px}.testimonials-section{margin-bottom:2rem;min-height:250px}.testimonial-card{min-height:150px}.job-listing-section{margin-bottom:2rem;min-height:300px}.job-card{margin-bottom:1rem;min-height:180px}.cta-section{margin-bottom:2rem;min-height:200px}.featured-jobs{margin-bottom:2rem;min-height:300px}.job-card-container{margin-bottom:1rem;min-height:200px}.category-section{margin-bottom:2rem;min-height:250px}.category-card{margin-bottom:1rem;min-height:120px}.skeleton{animation:pulse 1.5s ease-in-out infinite;background-color:#f0f0f0;border-radius:4px}.skeleton-img{background-color:#e0e0e0;height:160px}.skeleton-text{background-color:#e0e0e0;height:16px;margin:8px 0;width:80%}.fs-card.skeleton .fs-body{padding:12px}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.stats-bar{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;padding:var(--space-xl) var(--container-padding)}.stat-item{min-width:92px;text-align:center}.stat-number{font-feature-settings:"tnum";color:var(--color-primary);display:block;font-size:var(--font-size-2xl);font-variant-numeric:tabular-nums;font-weight:800}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.section-title{color:var(--color-text-heading);font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--space-xs);text-align:center}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-2xl);text-align:center}.section-more{margin-top:var(--space-xl);text-align:center}.link-more{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:500;min-height:44px;padding:0 4px;text-decoration:none}.link-more:hover{text-decoration:underline}.how-it-works{background:var(--color-bg-primary);padding:var(--space-3xl) var(--container-padding)}.hiw-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-2xl)}.hiw-tab{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;min-height:44px;padding:var(--space-sm) var(--space-xl);transition:all .15s}.hiw-tab.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.steps-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:1fr;margin:0 auto;max-width:900px}.step-card{background:var(--color-bg-subtle);border-radius:16px;padding:var(--space-xl) var(--space-lg);position:relative;text-align:center}.step-icon{display:block;font-size:2rem;margin-bottom:var(--space-sm)}.step-num{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:inline-flex;font-size:var(--font-size-sm);font-weight:700;height:32px;justify-content:center;margin-bottom:var(--space-md);width:32px}.step-card h3{color:var(--color-text-heading);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--space-sm)}.step-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.hiw-cta{margin-top:var(--space-2xl);text-align:center}.home-categories{background:var(--color-bg-subtle);padding:var(--space-3xl) var(--container-padding)}.cat-filter{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-xl)}.cat-filter-btn{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;min-height:40px;padding:var(--space-sm) var(--space-lg);transition:all .15s}.cat-filter-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.category-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:900px}.category-card{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-xs);min-height:44px;padding:var(--space-lg);text-decoration:none;transition:all .15s}.category-card:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #2563eb1a;transform:translateY(-2px)}.category-icon{font-size:1.5rem}.category-name{font-size:var(--font-size-sm);font-weight:500;text-align:center}.cat-type-badge{border-radius:10px;font-size:.7rem;margin-top:2px;padding:2px 8px}.cat-type-local{background:var(--color-warning-light);color:var(--color-warning-dark)}.cat-type-remote{background:var(--color-primary-light);color:var(--color-primary-dark)}.features{background:var(--color-bg-primary);padding:var(--space-3xl) var(--container-padding)}.features-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr;margin-top:var(--space-2xl)}.feature-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-xl) var(--space-lg);text-align:center;transition:all .15s}.feature-card:hover{box-shadow:0 4px 12px #00000012;transform:translateY(-2px)}.feature-icon{display:block;font-size:2rem;margin-bottom:var(--space-md)}.feature-card h3{color:var(--color-text-heading);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--space-sm)}.feature-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.featured-services{background:var(--color-bg-subtle);padding:var(--space-3xl) var(--container-padding)}.fs-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr}.fs-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;color:inherit;display:flex;flex-direction:column;height:300px;overflow:hidden;text-decoration:none;transition:all .15s}.fs-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.fs-img{height:160px;object-fit:cover;width:100%}.fs-img-placeholder{align-items:center;background:var(--color-bg-muted);display:flex;font-size:2.5rem;height:160px;justify-content:center;width:100%}.fs-body{padding:var(--space-md)}.fs-freelancer{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0 0 4px}.fs-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-heading);display:-webkit-box;font-size:var(--font-size-sm);font-weight:600;line-height:1.4;margin:0 0 var(--space-sm);overflow:hidden}.fs-meta{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between}.fs-rating{color:var(--color-text)}.fs-price,.fs-rating{font-size:var(--font-size-xs)}.fs-price{color:var(--color-text-secondary)}.fs-price strong{color:var(--color-text-heading)}.testimonials{background:var(--color-bg-primary);padding:var(--space-3xl) var(--container-padding)}.testimonial-carousel{margin:0 auto;max-width:600px}.testimonial-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-xl);text-align:center}.testimonial-stars{font-size:1.1rem;margin-bottom:var(--space-md)}.testimonial-text{color:var(--color-text);font-size:var(--font-size-base);font-style:italic;line-height:var(--line-height-relaxed);margin:0 0 var(--space-lg)}.testimonial-author{align-items:center;display:flex;gap:var(--space-md);justify-content:center}.testimonial-avatar{font-size:2rem}.testimonial-author strong{color:var(--color-text-heading);display:block;font-size:var(--font-size-sm)}.testimonial-role{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.testimonial-dots{gap:var(--space-sm);margin-top:var(--space-lg)}.t-dot,.testimonial-dots{display:flex;justify-content:center}.t-dot{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:44px;padding:0;position:relative;width:44px}.t-dot:after{background:var(--color-border-medium);border-radius:50%;content:"";height:10px;transition:background .15s;width:10px}.t-dot.active:after{background:var(--color-primary)}.cta-section{background:linear-gradient(135deg,#1a1a2e,#0f3460);padding:var(--space-3xl) var(--container-padding)}.cta-split{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr;margin:0 auto;max-width:900px}.cta-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;color:#fff;padding:var(--space-2xl) var(--space-xl);text-align:center}.cta-card-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.cta-card h3{font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--space-md)}.cta-card p{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-xl);opacity:.85}.btn{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:600;justify-content:center;min-height:44px;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all .15s}.btn-large{max-width:280px;padding:var(--space-md) var(--space-2xl);width:100%}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:#ffffff1f;border-color:#ffffff40;color:#fff}.btn-ghost:hover{background:#fff3}.btn-white{background:var(--color-bg-primary);border-color:#fff;color:var(--color-text-heading)}.btn-white:hover{background:var(--color-bg-muted);transform:translateY(-1px)}.btn-outline{background:#0000;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.home .container{margin:0 auto;max-width:1100px}@media (min-width:480px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.hero{padding:4rem var(--container-padding) 4rem}.hero-search{flex-direction:row}.hero-search-btn{flex-shrink:0}.cta-actions,.hero-actions{flex-direction:row;justify-content:center}.btn-large{max-width:none;width:auto}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{font-size:var(--font-size-2xl)}.cta-split{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.btn,.category-card,.feature-card,.fs-card{transform:none;transition:none}}.hero img{flex-shrink:0;height:100px;object-fit:contain;width:100px}.categories-section,.featured-services,.final-cta,.footer-cta,.how-it-works,.testimonials,.trust-section{contain-intrinsic-size:800px;content-visibility:auto}.toast-container{flex-direction:column;max-width:calc(100vw - 2rem);pointer-events:none;position:fixed;right:1rem;right:var(--container-padding,1rem);top:70px;width:380px;z-index:9999}.toast-container,.toast-toast{display:flex;gap:.5rem;gap:var(--space-sm,.5rem)}.toast-toast{align-items:center;animation:toast-slide-in .3s ease-out;background:var(--color-bg-primary);border-left:4px solid var(--color-text-secondary);border-radius:10px;box-shadow:0 4px 20px #00000026;cursor:pointer;padding:.75rem 1rem;padding:var(--space-md,.75rem) var(--space-lg,1rem);pointer-events:auto;transition:opacity .2s,transform .2s}.toast-toast:hover{transform:translateX(-2px)}.toast-info{border-left-color:var(--color-primary)}.toast-success{border-left-color:var(--color-success-dark)}.toast-error{border-left-color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning-dark)}.toast-icon{flex-shrink:0;font-size:1.1rem}.toast-message{color:var(--color-text-heading);flex:1 1;font-size:.875rem;line-height:1.4}.toast-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;font-size:1.2rem;padding:0 .25rem}.toast-close:hover{color:var(--color-text)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.navigation{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff7;border-bottom:1px solid var(--color-border);height:var(--nav-height);left:0;position:fixed;right:0;top:0;transition:box-shadow .2s;z-index:1000}.navigation.scrolled{box-shadow:0 2px 16px #00000014}.nav-inner{height:100%;margin:0 auto;max-width:1400px;padding:0 1.25rem}.nav-brand,.nav-inner{align-items:center;display:flex;gap:.5rem}.nav-brand{flex-shrink:0;margin-right:.5rem;text-decoration:none}.nav-logo{height:28px;width:auto}.brand-text{color:var(--color-primary);display:none;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}@media (min-width:400px){.brand-text{display:block}}.nav-primary-links{align-items:center;display:none;gap:.125rem}.nav-primary-link{align-items:center;border-radius:8px;color:var(--color-text-medium);display:inline-flex;font-size:.9rem;font-weight:500;gap:.3rem;padding:.4rem .75rem;position:relative;text-decoration:none;transition:color .15s,background .15s;white-space:nowrap}.nav-primary-link:hover{background:var(--color-primary-light);color:var(--color-primary)}.nav-primary-link.active{color:var(--color-primary);font-weight:600}.nav-primary-link.active:after{background:var(--color-primary);border-radius:2px;bottom:-11px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.nav-badge{background:var(--color-danger);border-radius:999px;color:#fff;font-size:.6rem;font-weight:700;line-height:1.4;min-width:16px;padding:1px 5px;text-align:center}.nav-spacer{flex:1 1}.nav-actions{align-items:center;display:flex;gap:.375rem}.role-toggle{background:var(--color-bg-muted);border-radius:8px;display:none;gap:2px;padding:3px}.role-btn{background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.3rem .65rem;transition:all .15s;white-space:nowrap}.role-btn.active,.role-btn:hover{color:var(--color-primary)}.role-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;font-weight:700}.nav-create-btn{align-items:center;background:var(--color-primary);border-radius:8px;color:#fff;display:none;font-size:.85rem;font-weight:600;padding:.375rem .875rem;text-decoration:none;transition:background .15s,transform .1s;white-space:nowrap}.nav-create-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.nav-icon-btn,.nav-icon-btn-wrap{position:relative}.nav-icon-btn{align-items:center;background:none;border:none;border-radius:9px;color:var(--color-text-medium);cursor:pointer;display:flex;height:38px;justify-content:center;text-decoration:none;transition:color .15s,background .15s;width:38px}.nav-icon-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.nav-dot-badge{background:var(--color-danger);border:2px solid #fff;border-radius:999px;color:#fff;font-size:.58rem;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 3px;position:absolute;right:3px;top:4px}.nav-avatar-btn,.nav-dot-badge{align-items:center;display:flex}.nav-avatar-btn{background:none;border:1.5px solid var(--color-border);border-radius:999px;cursor:pointer;gap:5px;padding:3px 8px 3px 3px;transition:border-color .15s,box-shadow .15s}.nav-avatar-btn.active,.nav-avatar-btn:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.nav-avatar-img{border-radius:50%;flex-shrink:0;object-fit:cover}.nav-avatar-initials{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.nav-avatar-chevron{color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s}.nav-avatar-btn.active .nav-avatar-chevron{transform:rotate(180deg)}.nav-dropdown{animation:dropIn .15s ease;background:#fff;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;max-width:calc(100vw - 16px);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1100}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-panel{max-height:min(420px,calc(100vh - 80px));overflow-y:auto;width:min(320px,calc(100vw - 16px))}.profile-dropdown-panel{max-height:calc(100vh - 80px);overflow-y:auto;width:min(240px,calc(100vw - 16px))}.nav-dropdown-header{align-items:center;background:#fff;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.75rem 1rem;position:sticky;top:0}.nav-dropdown-title{color:var(--color-text-primary);font-size:.85rem;font-weight:700}.nav-dropdown-action{background:none;border:none;border-radius:4px;color:var(--color-primary);cursor:pointer;font-size:.75rem;font-weight:500;padding:.2rem .4rem}.nav-dropdown-action:hover{background:var(--color-primary-light)}.nav-dropdown-empty{color:var(--color-text-secondary);font-size:.85rem;padding:1.5rem 1rem;text-align:center}.nav-menu-identity{align-items:center;display:flex;gap:.625rem;padding:.875rem .875rem .75rem}.nav-menu-name{color:var(--color-text-primary);font-size:.875rem;font-weight:700;line-height:1.2}.nav-menu-email{color:var(--color-text-secondary);font-size:.75rem;line-height:1.2;word-break:break-all}.nav-menu-item{align-items:center;background:none;border:none;color:var(--color-text-medium);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem .875rem;text-align:left;transition:color .12s,background .12s;width:100%}.nav-menu-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.nav-menu-item--danger{color:var(--color-danger)}.nav-menu-item--danger:hover{background:#fef2f2;color:var(--color-danger)}.nav-menu-icon{flex-shrink:0;font-size:.95rem;text-align:center;width:18px}.nav-menu-divider{background:var(--color-border);height:1px;margin:.25rem 0}.nav-menu-section-label{color:var(--color-text-secondary);font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.375rem .875rem .125rem;text-transform:uppercase}.notif-list{overflow-y:auto}.notif-item{background:none;border:none;border-bottom:1px solid var(--color-bg-subtle);cursor:pointer;display:flex;flex-direction:column;padding:.625rem 1rem;text-align:left;transition:background .1s;width:100%}.notif-item:hover{background:var(--color-bg-subtle)}.notif-item.unread{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.notif-item.read{opacity:.65}.notif-item-title{color:var(--color-text-primary);font-size:.8rem;font-weight:600;margin-bottom:2px}.notif-item-msg{color:var(--color-text-secondary);font-size:.75rem;line-height:1.35}.mobile-menu-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;margin-left:auto;min-height:44px;min-width:44px;padding:10px;touch-action:manipulation}.mobile-menu-toggle span{background:var(--color-text);border-radius:2px;display:block;height:2px;transition:all .25s;width:22px}.mobile-menu-toggle.open span:first-child{transform:rotate(45deg) translate(5px,4px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-4px)}.nav-overlay{animation:fadeIn .2s ease;background:#00000059;inset:0;position:fixed;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{background:#fff;bottom:0;display:flex;flex-direction:column;max-width:88vw;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:300px;z-index:1001}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer-header{align-items:center;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.mobile-user-row{align-items:center;display:flex;gap:.625rem}.mobile-user-name{color:var(--color-text-primary);font-size:.9rem;font-weight:700;line-height:1.2}.mobile-user-role{color:var(--color-text-secondary);font-size:.75rem}.mobile-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:4px 6px}.mobile-close-btn:hover{background:var(--color-border)}.mobile-drawer-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:2rem}.mobile-role-row{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;padding:.75rem 1rem}.role-pill{background:#fff;border:1.5px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;min-height:44px;padding:.4rem .75rem;text-align:center;transition:all .15s}.role-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.mobile-section{border-bottom:1px solid var(--color-border);padding:.5rem 0}.mobile-section:last-child{border-bottom:none}.mobile-section-label{color:var(--color-text-secondary);font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.5rem 1rem .25rem;text-transform:uppercase}.mobile-drawer .nav-primary-link{border-radius:0;display:flex;font-size:.92rem;min-height:44px;padding:.7rem 1rem}.mobile-drawer .nav-primary-link:hover{background:var(--color-primary-light);border-radius:0}.mobile-drawer .nav-primary-link.active{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.mobile-drawer .nav-primary-link.active:after{display:none}.mobile-logout-btn{align-items:center;background:none;border:none;color:var(--color-danger);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;min-height:44px;padding:.75rem 1rem;text-align:left;transition:background .12s;width:100%}.mobile-logout-btn:hover{background:#fef2f2}.mobile-auth-btn{border-radius:10px;display:block;font-size:.9rem;font-weight:600;margin:.375rem 1rem;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:all .15s}.mobile-auth-btn--secondary{border:1.5px solid var(--color-primary);color:var(--color-primary)}.mobile-auth-btn--primary{background:var(--color-primary);color:#fff}.nav-login-btn{align-items:center;border:1.5px solid var(--color-border);border-radius:8px;color:var(--color-text-medium);display:none;font-size:.85rem;font-weight:600;padding:.375rem .875rem;text-decoration:none;transition:all .15s;white-space:nowrap}.nav-login-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.nav-cta-btn{align-items:center;background:var(--color-primary);border-radius:8px;color:#fff;display:none;font-size:.85rem;font-weight:700;padding:.375rem 1.125rem;text-decoration:none;transition:background .15s,transform .1s;white-space:nowrap}.nav-cta-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.mobile-menu-toggle:focus-visible,.nav-avatar-btn:focus-visible,.nav-create-btn:focus-visible,.nav-icon-btn:focus-visible,.nav-primary-link:focus-visible,.role-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (min-width:1024px){.navigation{height:var(--nav-height)}.nav-logo{height:30px}.brand-text{font-size:1.2rem}.nav-inner{gap:.75rem;padding:0 1.5rem}.nav-primary-links{display:flex}.mobile-menu-toggle{display:none!important}.role-toggle{display:flex}.nav-create-btn,.nav-cta-btn,.nav-login-btn{display:inline-flex}}@media (min-width:768px) and (max-width:1023px){.nav-primary-links{display:flex}.mobile-menu-toggle{display:flex!important}.nav-create-btn{display:none}}@media (max-width:767px){.nav-inner{position:relative}.nav-icon-btn-wrap{position:static}.nav-dropdown{left:auto;max-height:calc(100vh - 80px);max-height:calc(100vh - var(--nav-height, 64px) - 16px);right:8px;top:calc(100% + 8px);width:min(320px,calc(100vw - 16px))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ft-footer{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;margin-top:auto;padding:var(--space-px-60) 0 var(--space-px-20) 0}.ft-footer-container{margin:0 auto;max-width:var(--breakpoint-xl);padding:0 var(--space-px-20)}.ft-footer-content{grid-gap:var(--space-px-40);display:grid;gap:var(--space-px-40);grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:var(--space-px-40)}.ft-footer-section{display:flex;flex-direction:column}.ft-footer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-lg) 0}.ft-footer-description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0;opacity:.9}.ft-footer-heading{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-lg) 0}.ft-footer-links{list-style:none;margin:0;padding:0}.ft-footer-links li{margin-bottom:var(--space-sm)}.ft-footer-links a{color:#fffc;font-size:var(--font-size-base);text-decoration:none;transition:color .3s ease}.ft-footer-links a:hover{color:#fff}.ft-footer-bottom{border-top:1px solid #fff3;padding-top:var(--space-px-20);text-align:center}.ft-footer-bottom p{font-size:var(--font-size-sm);margin:0;opacity:.8}.ft-footer-content{grid-template-columns:1fr;text-align:center}.ft-footer-description,.ft-footer-section,.ft-footer-title{text-align:center}@media (min-width:768px){.ft-footer-content{grid-template-columns:2fr 1fr 1fr 1fr;text-align:left}.ft-footer-description,.ft-footer-section,.ft-footer-title{text-align:left}}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.page-content{padding-top:64px;padding-top:var(--nav-height,64px)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--color-bg-secondary);color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--color-primary)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-bg-muted);border:4px solid var(--color-bg-muted);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:var(--space-px-40);margin-bottom:1rem;width:var(--space-px-40)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-error-boundary{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.login-button,.retry-button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:var(--space-sm);padding:var(--space-md) var(--space-xl);transition:all .2s ease}.retry-button{background-color:var(--color-info);color:#fff;transition:all .3s ease}.retry-button:hover{background-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button{background-color:var(--color-text-muted);color:#fff;transition:all .3s ease}.login-button:hover{background-color:var(--color-text-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}
/*# sourceMappingURL=main.e27576b8.css.map*/