:root{--primary: rgb(63, 42, 182);--primary-dark: #16147e;--primary-light: #7c3aed;--primary-hover: rgb(31, 45, 92);--secondary: #c42b5e;--secondary-hover: #c42b5e;--secondary-dark: #b91c1c;--accent: #ea580c;--accent-dark: #c2410c;--success: #059669;--warning: #d97706;--error: #dc2626;--info: #0284c7;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--bg-primary: #ffffff;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-dark: var(--gray-900);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-muted: var(--gray-500);--text-inverse: #ffffff;--text-light: var(--gray-400);--border-color: var(--gray-200);--border-color-hover: var(--gray-300);--border-radius: 10px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .06), 0 1px 2px 0 rgb(0 0 0 / .1);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-2xl: 0 30px 60px -15px rgb(0 0 0 / .3);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-primary: 0 10px 25px -5px rgba(91, 33, 182, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--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;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.02em}h1{font-size:var(--font-size-5xl);font-weight:800;letter-spacing:-.03em}h2{font-size:var(--font-size-4xl);font-weight:700}h3{font-size:var(--font-size-3xl);font-weight:600}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);line-height:1.7}a{color:var(--primary);text-decoration:none;transition:var(--transition);font-weight:500}a:hover{color:var(--primary-dark);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:600;line-height:1.5;border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease}.btn:hover:before{left:100%}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:not(:disabled):active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);text-decoration:none;box-shadow:var(--shadow-primary)}.btn-secondary{background-color:var(--gray-800);color:var(--text-inverse);border-color:var(--gray-800)}.btn-secondary:hover{background-color:var(--gray-900);border-color:var(--gray-900);text-decoration:none}.btn-success{background-color:#279d60;color:var(--text-inverse)}.btn-success:hover:not(:disabled){background-color:#228b54;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--error);color:var(--text-inverse);border-color:var(--error)}.btn-danger:hover{background-color:var(--error);border-color:var(--error);text-decoration:none;box-shadow:var(--shadow-md)}.btn-close{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);color:var(--text-secondary);padding:var(--spacing-xs);border-radius:var(--border-radius-md);transition:var(--transition);width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-close:hover{background:var(--bg-secondary);color:var(--text-primary);transform:rotate(90deg)}.btn-close:active{transform:rotate(90deg) scale(.95)}.btn-close i{font-size:var(--font-size-base)}.modal-close-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:#000;border:none;font-size:var(--font-size-2xl);color:var(--text-muted);cursor:pointer;padding:0;line-height:1;transition:var(--transition);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700}.modal-close-btn:hover{color:var(--error)}.btn-accent{background-color:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.btn-accent:hover{background-color:var(--accent-dark);border-color:var(--accent-dark);text-decoration:none;box-shadow:0 10px 25px -5px #ea580c4d}.btn-outline{background-color:transparent;border:2px solid var(--primary);color:var(--primary);box-shadow:none}.btn-outline:hover{background-color:var(--primary);color:var(--text-inverse);text-decoration:none;box-shadow:var(--shadow-md)}.btn-ghost{background-color:transparent;border:2px solid transparent;color:var(--text-secondary);box-shadow:none}.btn-ghost:hover{background-color:var(--bg-secondary);color:var(--text-primary);text-decoration:none}.required-asterisk{color:var(--error)}.btn-sm{padding:var(--spacing-sm) var(--spacing-sm)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);font-weight:700}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--primary);transform:scaleX(0);transition:transform .3s ease}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--border-color-hover);transform:translateY(-4px)}.card:hover:before{transform:scaleX(1)}.card-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.card-body{padding:var(--spacing-xl)}.card-footer{padding:var(--spacing-xl);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.card-image{width:100%;height:auto;display:block;transition:var(--transition-slow)}.card:hover .card-image{transform:scale(1.05)}.form-group{margin-bottom:var(--spacing-md)}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);transition:var(--transition);font-family:inherit}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5b21b61a}.form-control:disabled{background:var(--bg-secondary);cursor:not-allowed}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition);box-shadow:var(--shadow-xs)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #5b21b61a,var(--shadow-sm);background-color:var(--bg-primary)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.6;border-color:var(--gray-200)}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:120px}.form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--error);font-weight:500}.form-help{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-error{color:var(--error)}.text-success{color:var(--success)}.full-width{width:100%}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:#5b21b61a;color:var(--primary)}.badge-success{background-color:#0596691a;color:var(--success)}.badge-warning{background-color:#d977061a;color:var(--warning)}.badge-error{background-color:#dc26261a;color:var(--error)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}.container{padding:0 var(--spacing-md)}}