.portfolio-page{font-family:Segoe UI,sans-serif;color:#2e1065;background:#faf5ff;padding:2rem}.hero{background:#6b21a8;color:white;padding:3rem 2rem;border-radius:10px;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.2rem;max-width:600px;margin:0 auto}.mission{text-align:center;margin:3rem 0}.mission h2{font-size:2rem;color:#5b21b6}.reviews-section{margin-top:3rem;text-align:center}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.review-card{background:white;padding:1.2rem;border-left:4px solid #9333ea;border-radius:6px;text-align:left;box-shadow:0 2px 8px rgba(0,0,0,.06)}.cta-button{margin-top:2rem;padding:12px 24px;background:#7c3aed;color:white;border:none;border-radius:6px;font-weight:700;cursor:pointer}.cta-button:hover{background:#5b21b6}.modal{position:fixed;top:12%;left:50%;transform:translateX(-50%);background:white;padding:2rem;border:3px solid #7c3aed;border-radius:12px;z-index:1000;max-width:400px;width:90%;box-shadow:0 10px 20px rgba(0,0,0,.2)}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form input,.modal-form textarea{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.modal-form button{background:#7c3aed;color:white;border:none;padding:10px;font-weight:700;border-radius:6px;cursor:pointer}