:root{--primary-color:#f2ede7;--secondary-color:#5251f3;--text-color:#333;--border-radius:10px}body{font-family:Arial,sans-serif}.portfolio-section{padding:50px 20px;text-align:center}.container{max-width:1200px;margin:0 auto}.portfolio-title{font-size:2rem}.portfolio-tabs,.portfolio-title{margin-bottom:20px}.tab-btn{background-color:var(--secondary-color);color:white;border:none;border-radius:var(--border-radius);padding:10px 20px;margin:0 5px;cursor:pointer;font-size:1rem}.tab-btn.active{background-color:#fff;border:var(--secondary-color)}.tab-btn:hover{background-color:#2e2ea7}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.portfolio-card{background-color:white;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;transition:transform .3s}.portfolio-card:hover{transform:scale(1.05)}.portfolio-image{width:100%;height:200px;object-fit:cover}.portfolio-title{font-size:1.2rem;margin:10px 0;color:var(--text-color)}.portfolio-description{font-size:.9rem;color:#666;padding:0 10px 10px}.portfolio-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;width:80%;max-width:500px;padding:25px;text-align:center;position:relative}.modal-content,.modal-image{border-radius:var(--border-radius)}.modal-image{width:100%;margin-bottom:20px}.modal-title{font-size:1.5rem;color:var(--text-color);margin-bottom:10px}.modal-description{color:#555}.close-modal{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer}.tab-btn.active{background-color:transparent;color:var(--secondary-color);border:2px solid #2e2ea7}.portfolio-category-button{display:inline-block;margin-top:20px;background-color:#3f3fd5;color:white;text-decoration:none;padding:10px 20px;border-radius:5px;font-size:1rem;transition:background-color .3s ease}.portfolio-category-button:hover{background-color:#2e2ea7}body.modal-open{overflow:hidden}