.introduction-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.introduction-container{width:100%;max-width:1000px}.introduction-content{box-shadow:var(--shadow-lg);background:#fff;border-radius:1rem;padding:3rem}.introduction-title{text-align:center;color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.introduction-description{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:1.125rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.feature-card{text-align:center;background:var(--surface);border-radius:.5rem;padding:1.5rem;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-icon{margin-bottom:.75rem;font-size:2.5rem}.feature-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:.875rem}.auth-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-large{padding:.875rem 2rem;font-size:1rem}@media (max-width:768px){.introduction-content{padding:2rem}.introduction-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.auth-buttons{flex-direction:column}.btn-large{width:100%}}