*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#1f2937;background-color:#f9fafb}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#a855f7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9333ea}.App{min-height:100vh}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.purple-gradient{background:linear-gradient(135deg,#a855f7,#6b46c1)}.section{padding:4rem 0}.section-dark{background-color:#1f2937;color:#f9fafb}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.heading-xl{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.heading-lg{font-size:2.5rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.heading-md{font-size:2rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.text-lg{font-size:1.25rem;line-height:1.6;margin-bottom:1rem}.text-base{font-size:1rem;line-height:1.6;margin-bottom:1rem}.text-purple{color:#a855f7}.text-white{color:#fff}.text-gray{color:#6b7280}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#a855f7,#6b46c1);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #a855f74d}.btn-secondary{background:transparent;color:#a855f7;border:2px solid #a855f7}.btn-secondary:hover{background:#a855f7;color:#fff}.btn-white{background:#fff;color:#6b46c1;box-shadow:0 4px 6px #0000001a}.btn-white:hover{background:#f3f4f6;transform:translateY(-2px)}.card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px #0000001a;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}@media (max-width: 768px){.heading-xl{font-size:2.5rem}.heading-lg{font-size:2rem}.heading-md{font-size:1.5rem}.container{padding:0 1rem}.section{padding:2rem 0}}