:root{--color-primary:#0071e3;--color-primary-hover:#0077ed;--color-primary-active:#006edb;--color-black:#1d1d1f;--color-white:#fff;--color-gray-50:#f5f5f7;--color-gray-100:#e8e8ed;--color-gray-200:#d2d2d7;--color-gray-300:#b0b0b5;--color-gray-400:#86868b;--color-gray-500:#6e6e73;--color-gray-600:#515154;--color-gray-700:#424245;--color-gray-800:#2d2d30;--color-gray-900:#1d1d1f;--color-success:#34c759;--color-warning:#ff9500;--color-error:#ff3b30;--color-info:#5ac8fa;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-none:0;--radius-sm:.25rem;--radius-base:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-base:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-2xl:0 35px 60px -15px rgba(0,0,0,.3);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-slower:.5s cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-apple:cubic-bezier(.25,.1,.25,1);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--blur-sm:4px;--blur-base:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--opacity-0:0;--opacity-10:.1;--opacity-20:.2;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-60:.6;--opacity-70:.7;--opacity-80:.8;--opacity-90:.9;--opacity-100:1}@media (prefers-color-scheme:dark){:root{--color-black:#f5f5f7;--color-white:#000;--color-gray-50:#1d1d1f;--color-gray-100:#2d2d30;--color-gray-200:#424245;--color-gray-300:#515154;--color-gray-400:#6e6e73;--color-gray-500:#86868b;--color-gray-600:#b0b0b5;--color-gray-700:#d2d2d7;--color-gray-800:#e8e8ed;--color-gray-900:#f5f5f7}}.heading-1,h1{font-size:var(--font-size-6xl);letter-spacing:-.02em}.heading-1,.heading-2,h1,h2{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.heading-2,h2{font-size:var(--font-size-5xl);letter-spacing:-.015em}.heading-3,h3{font-size:var(--font-size-4xl);letter-spacing:-.01em}.heading-3,.heading-4,h3,h4{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.heading-4,h4{font-size:var(--font-size-3xl)}.heading-5,h5{font-size:var(--font-size-2xl)}.heading-5,.heading-6,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.heading-6,h6{font-size:var(--font-size-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm,.text-xs{line-height:var(--line-height-normal)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-lg{font-size:var(--font-size-lg)}.text-lg,.text-xl{line-height:var(--line-height-relaxed)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-relaxed)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-underline{text-decoration:underline}.text-no-underline{text-decoration:none}.text-line-through{text-decoration:line-through}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-ellipsis,.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{-webkit-line-clamp:2}.text-clamp-2,.text-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{-webkit-line-clamp:3}@media (max-width:768px){.heading-1,h1{font-size:var(--font-size-4xl)}.heading-2,h2{font-size:var(--font-size-3xl)}.heading-3,h3{font-size:var(--font-size-2xl)}.heading-4,h4{font-size:var(--font-size-xl)}}.container{margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}@media (min-width:640px){.container{max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:var(--container-md);padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width:1024px){.container{max-width:var(--container-lg);padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}@media (min-width:1280px){.container{max-width:var(--container-xl)}}@media (min-width:1536px){.container{max-width:var(--container-2xl)}}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.m-20{margin:var(--spacing-20)}.m-24{margin:var(--spacing-24)}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-12{margin-top:var(--spacing-12)}.mt-16{margin-top:var(--spacing-16)}.mt-20{margin-top:var(--spacing-20)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-12{margin-bottom:var(--spacing-12)}.mb-16{margin-bottom:var(--spacing-16)}.mb-20{margin-bottom:var(--spacing-20)}.ml-0{margin-left:var(--spacing-0)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.mr-0{margin-right:var(--spacing-0)}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.pt-0{padding-top:var(--spacing-0)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pt-12{padding-top:var(--spacing-12)}.pt-16{padding-top:var(--spacing-16)}.pt-20{padding-top:var(--spacing-20)}.pb-0{padding-bottom:var(--spacing-0)}.pb-4{padding-bottom:var(--spacing-4)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pb-12{padding-bottom:var(--spacing-12)}.pb-16{padding-bottom:var(--spacing-16)}.pb-20{padding-bottom:var(--spacing-20)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-4{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.py-6{padding-bottom:var(--spacing-6);padding-top:var(--spacing-6)}.py-8{padding-bottom:var(--spacing-8);padding-top:var(--spacing-8)}.py-12{padding-bottom:var(--spacing-12);padding-top:var(--spacing-12)}.py-16{padding-bottom:var(--spacing-16);padding-top:var(--spacing-16)}.py-20{padding-bottom:var(--spacing-20);padding-top:var(--spacing-20)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.transition-fast{transition:all var(--transition-fast)}.transition{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.opacity-0{opacity:var(--opacity-0)}.opacity-50{opacity:var(--opacity-50)}.opacity-100{opacity:var(--opacity-100)}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-primary{background-color:var(--color-primary)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.backdrop-blur{-webkit-backdrop-filter:blur(var(--blur-base));backdrop-filter:blur(var(--blur-base))}.backdrop-blur-md{-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md))}.backdrop-blur-lg{-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg))}.backdrop-blur-xl{-webkit-backdrop-filter:blur(var(--blur-xl));backdrop-filter:blur(var(--blur-xl))}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}@media (max-width:767px){.md\:hidden{display:none}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}}@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:center;line-height:var(--line-height-normal);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active);transform:translateY(0)}.btn-black{background-color:var(--color-black);color:var(--color-white)}.btn-black:hover:not(:disabled){background-color:var(--color-gray-800);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.btn-outline-black{background-color:transparent;border:2px solid var(--color-black);color:var(--color-black)}.btn-outline-black:hover:not(:disabled){background-color:var(--color-black);color:var(--color-white);transform:translateY(-1px)}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8)}.card{background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.card-hover{cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-bordered{border:1px solid var(--color-gray-200)}.card-shadow{box-shadow:var(--shadow-lg)}.card-body{padding:var(--spacing-6)}.card-image{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.card-title{color:var(--color-black);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.card-description{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.card-description,.input{font-size:var(--font-size-base)}.input{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-black);line-height:var(--line-height-normal);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast);width:100%}.input:hover{border-color:var(--color-gray-400)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0071e31a;outline:none}.input:disabled{background-color:var(--color-gray-50);cursor:not-allowed;opacity:.6}.input::-moz-placeholder{color:var(--color-gray-400)}.input::placeholder{color:var(--color-gray-400)}.input-error,.input-error:focus{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #ff3b301a}.textarea{min-height:120px;resize:vertical}.dropdown{display:inline-block;position:relative}.dropdown-menu{-webkit-backdrop-filter:blur(var(--blur-xl));backdrop-filter:blur(var(--blur-xl));background-color:#fffffff2;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);left:0;margin-top:var(--spacing-2);min-width:200px;opacity:0;padding:var(--spacing-2);position:absolute;top:100%;transform:translateY(-10px);transition:all var(--transition-base);visibility:hidden;z-index:var(--z-index-dropdown)}.dropdown-menu.active{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{border-radius:var(--radius-md);color:var(--color-black);display:block;font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);text-align:left;transition:background-color var(--transition-fast);width:100%}.dropdown-item:hover{background-color:var(--color-gray-100)}.dropdown-divider{background-color:var(--color-gray-200);height:1px;margin:var(--spacing-2) 0}.modal-backdrop{-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all var(--transition-base);visibility:hidden;z-index:var(--z-index-modal-backdrop)}.modal-backdrop.active{opacity:1;visibility:visible}.modal{background-color:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);left:50%;max-height:90vh;max-width:600px;opacity:0;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.95);transition:all var(--transition-base);visibility:hidden;width:90%;z-index:var(--z-index-modal)}.modal.active{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.modal-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-6)}.modal-title{color:var(--color-black);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.modal-close{align-items:center;background-color:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-600);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--spacing-4);top:var(--spacing-4);transition:all var(--transition-fast);width:32px}.modal-close:hover{background-color:var(--color-gray-200);color:var(--color-black)}.modal-body{max-height:calc(90vh - 200px);overflow-y:auto;padding:var(--spacing-6)}.modal-footer{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-6)}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-gray-200);border-radius:var(--radius-full);border-top-color:var(--color-primary);display:inline-block;height:24px;width:24px}.spinner-sm{border-width:2px;height:16px;width:16px}.spinner-lg{border-width:4px;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));background-color:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:var(--z-index-fixed)}.form-group{margin-bottom:var(--spacing-6)}.form-label{color:var(--color-black);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.form-label-required:after{color:var(--color-error);content:"*";margin-left:var(--spacing-1)}.form-error{color:var(--color-error)}.form-error,.form-help{display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.form-help{color:var(--color-gray-500)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-3);white-space:nowrap}.badge-primary{background-color:var(--color-primary);color:var(--color-white)}.badge-success{background-color:var(--color-success);color:var(--color-white)}.badge-warning{background-color:var(--color-warning);color:var(--color-white)}.badge-error{background-color:var(--color-error);color:var(--color-white)}.badge-gray{color:var(--color-gray-700)}.badge-gray,.divider{background-color:var(--color-gray-200)}.divider{border:none;height:1px;margin:var(--spacing-8) 0}.link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.link:hover{color:var(--color-primary-hover);text-decoration:underline}.link-arrow:after{content:"→";display:inline-block;margin-left:var(--spacing-2);transition:transform var(--transition-fast)}.link-arrow:hover:after{transform:translate(4px)}.section{padding:var(--spacing-12) 0}@media (min-width:768px){.section{padding:var(--spacing-16) 0}}@media (min-width:1024px){.section{padding:var(--spacing-20) 0}}.grid-cols-1{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.mobile-stack{flex-direction:column}}@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:gap-8{gap:var(--spacing-8)}.md\:gap-12{gap:var(--spacing-12)}}@media (min-width:1024px){.lg\:gap-12{gap:var(--spacing-12)}.lg\:gap-16{gap:var(--spacing-16)}}@media (min-width:768px){.md\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.md\:py-12{padding-bottom:var(--spacing-12);padding-top:var(--spacing-12)}}@media (min-width:1024px){.lg\:px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.lg\:py-16{padding-bottom:var(--spacing-16);padding-top:var(--spacing-16)}}@media (min-width:768px){.md\:w-1\/2{width:50%}.md\:w-2\/3{width:66.666667%}.md\:w-1\/3{width:33.333333%}}@media (min-width:1024px){.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}@media (max-width:767px){.mobile-text-center{text-align:center}}@media (min-width:768px){.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}}.nav-mobile{display:block}.nav-desktop{display:none}@media (min-width:1024px){.nav-mobile{display:none}.nav-desktop{display:flex}}.mobile-menu{background-color:var(--color-white);bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;transform:translate(-100%);transition:transform var(--transition-base);z-index:var(--z-index-modal)}.mobile-menu.active{transform:translate(0)}.mobile-menu-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all var(--transition-base);visibility:hidden;z-index:calc(var(--z-index-modal) - 1)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.card-grid{display:grid;gap:var(--spacing-6);grid-template-columns:1fr}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.card-grid{gap:var(--spacing-12)}}.hero{align-items:center;display:flex;justify-content:center;min-height:400px;padding:var(--spacing-12) var(--spacing-4);text-align:center}@media (min-width:768px){.hero{min-height:500px;padding:var(--spacing-16) var(--spacing-6)}}@media (min-width:1024px){.hero{min-height:600px;padding:var(--spacing-20) var(--spacing-8)}}.hero-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}@media (min-width:768px){.hero-title{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-6)}}@media (min-width:1024px){.hero-title{font-size:var(--font-size-6xl)}}.hero-description{font-size:var(--font-size-base);margin:0 auto var(--spacing-6);max-width:600px}@media (min-width:768px){.hero-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);max-width:700px}}@media (min-width:1024px){.hero-description{font-size:var(--font-size-xl);max-width:800px}}.responsive-image{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.image-container{border-radius:var(--radius-lg);overflow:hidden;position:relative;width:100%}@media (min-width:768px){.image-container{border-radius:var(--radius-xl)}}.button-group{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}@media (min-width:640px){.button-group{flex-direction:row;justify-content:center;width:auto}}.button-group .btn{width:100%}@media (min-width:640px){.button-group .btn{width:auto}}.form-row{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@media (min-width:768px){.form-row{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.modal{border-radius:var(--radius-xl);max-height:95vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-4)}}@media (hover:none) and (pointer:coarse){.btn,.card-hover,.dropdown-item{-webkit-tap-highlight-color:transparent}.btn,.input{min-height:44px}}@media print{.no-print{display:none!important}.container{max-width:100%}.card{-moz-column-break-inside:avoid;break-inside:avoid}}.page-enter-active,.page-leave-active{transition:opacity .2s ease-in-out,transform .2s ease-in-out}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}.layout-enter-active,.layout-leave-active{transition:opacity .3s ease-in-out}.layout-enter-from,.layout-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{opacity:0;transform:translate(-100%)}.slide-leave-to{opacity:0;transform:translate(100%)}.scale-enter-active,.scale-leave-active{transition:all .3s ease}.scale-enter-from{opacity:0;transform:scale(.9)}.scale-leave-to{opacity:0;transform:scale(1.1)}.layout-enter-active,.layout-leave-active,.page-enter-active,.page-leave-active{will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.fade-enter-active,.fade-leave-active,.layout-enter-active,.layout-leave-active,.page-enter-active,.page-leave-active,.scale-enter-active,.scale-leave-active,.slide-enter-active,.slide-leave-active{animation:none;transition:none}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background-color:var(--color-white);color:var(--color-black);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}::selection{background-color:var(--color-primary);color:var(--color-white)}::-moz-selection{background-color:var(--color-primary);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
