:root{--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#8b5cf6;--secondary-hover:#7c3aed;--accent:#ec4899;--accent-hover:#db2777;--text:#1e293b;--text-light:#64748b;--muted:#94a3b8;--border:#e2e8f0;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-gradient:linear-gradient(135deg,#f0f9ff,#e0e7ff);--card-bg:#fff;--card-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--card-shadow-hover:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--card-shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius:12px;--radius-sm:8px;--radius-lg:16px;--gap:24px;--gap-sm:16px;--gap-lg:32px;--transition-fast:150ms ease-in-out;--transition-base:300ms ease-in-out;--transition-slow:500ms ease-in-out;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:#f8fafc;background:var(--bg-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--text)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 50%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h2,h3{color:#1e293b;color:var(--text)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:clamp(1rem,2vw,1.25rem)}h4,p{color:#64748b;color:var(--text-light)}p{font-size:clamp(.875rem,2vw,1rem);margin-bottom:1rem}a{color:#3b82f6;color:var(--primary);font-weight:500;text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#2563eb;color:var(--primary-hover)}button{border:none;cursor:pointer;font-family:inherit;font-weight:600;outline:none;transition:all .3s ease-in-out;transition:all var(--transition-base)}button:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary);outline-offset:2px}.btn{align-items:center;border-radius:12px;border-radius:var(--radius);display:inline-flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease-in-out;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--card-shadow);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border);color:#1e293b;color:var(--text)}.btn-secondary:hover{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--card-shadow);color:#3b82f6;color:var(--primary);transform:translateY(-2px)}main{min-height:calc(100vh - 80px);padding:clamp(1rem,3vw,2rem)}.container{margin:0 auto;max-width:1280px;padding:0 clamp(1rem,3vw,2rem);width:100%}.section{animation:fadeInUp .6s ease-out;margin:clamp(2rem,5vw,4rem) 0}.grid{grid-gap:24px;grid-gap:var(--gap);display:grid;gap:24px;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--card-shadow);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease-in-out;transition:all var(--transition-base)}.card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease-in-out;transition:transform var(--transition-base)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.card:hover:before{transform:scaleX(1)}.card-title{color:#1e293b;color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card-description{color:#64748b;color:var(--text-light);font-size:.875rem;line-height:1.6}input,select,textarea{background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}label{color:#1e293b;color:var(--text);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group{margin-bottom:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-sm{gap:16px;gap:var(--gap-sm)}.gap{gap:24px;gap:var(--gap)}.gap-lg{gap:32px;gap:var(--gap-lg)}.mt-sm{margin-top:.5rem}.mt{margin-top:1rem}.mt-lg{margin-top:2rem}.mb-sm{margin-bottom:.5rem}.mb{margin-bottom:1rem}.mb-lg{margin-bottom:2rem}.p-sm{padding:.5rem}.p{padding:1rem}.p-lg{padding:2rem}.rounded{border-radius:12px;border-radius:var(--radius)}.rounded-sm{border-radius:8px;border-radius:var(--radius-sm)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--card-shadow)}.shadow-lg{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--card-shadow-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-slideIn{animation:slideIn .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin,.loading{animation:spin 1s linear infinite}.loading{border:4px solid #e2e8f0;border-top-color:#3b82f6;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);display:inline-block;height:48px;width:48px}.skeleton{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f0f0f0 50%,#e2e8f0 75%);background:linear-gradient(90deg,var(--border) 25%,#f0f0f0 50%,var(--border) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}.grid{gap:32px;gap:var(--gap-lg)}main{padding:2rem}}@media (min-width:992px){.container{max-width:960px}.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1280px}}@media (prefers-color-scheme:dark){:root{--text:#f1f5f9;--text-light:#cbd5e1;--bg-primary:#1e293b;--bg-secondary:#0f172a;--card-bg:#1e293b;--border:#334155}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary);outline-offset:2px}@media print{body{background:#fff}.card{border:1px solid #ddd;box-shadow:none}button{display:none}}
/*# sourceMappingURL=main.f7816939.css.map*/