*,:after,:before{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{max-width:100%;overflow-x:hidden;position:relative;width:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:root{--primary-purple:#8b5cf6;--primary-purple-dark:#7c3aed;--secondary-purple:#a855f7;--light-purple:#f3f4f6;--background:#ffffff;--text:#1f2937;--text-light:#6b7280;--border:#e5e7eb;--sidebar-bg:#f8fafc;--red:#ef4444;--green:#10b981;--blue:#3b82f6;--orange:#f59e0b;--primary:#4f46e5;--primary-light:#eef2ff;--primary-light-2:#818cf8;--primary-dark:#4338ca;--success:#10b981;--success-light:#34d399;--danger:#ef4444;--warning:#f59e0b;--gray-50:#f9fafb;--gray-100:#f9fafb;--gray-200:#f3f4f6;--gray-300:#e5e7eb;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--transition:all 0.2s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text);background-color:var(--background);margin:0;padding:0;width:100%;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}canvas,img,svg,video{max-width:100%;height:auto;display:block}table{border-collapse:collapse;width:100%;margin:1rem 0;overflow-x:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;max-width:100%}@media (pointer:coarse){[role=button],a[href],button,label[for],select{min-height:44px;min-width:44px}}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:var(--primary-purple);color:white}.btn-primary:hover{background-color:var(--primary-purple-dark)}.btn-secondary{background-color:transparent;color:var(--primary-purple);border:2px solid var(--primary-purple)}.btn-secondary:hover{background-color:var(--primary-purple);color:white}@media (max-width:768px){.container{padding:0 16px}}