/*
Theme Name: Portfolio Tabs Theme
Theme URI:  https://example.com/
Author: Rajat
Author URI: https://example.com/
Description: Portfolio theme with tabbed projects (front-page template). Includes CPT 'project' and project meta.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: portfolio-tabs
*/
:root{
  --gradient-1: #6e8efb;
  --gradient-2: #a777e3;
}
html,body{height:100%;}
body{
  margin:0;
  font-family: "Poppins", Arial, sans-serif;
  background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2));
  color:#222;
}
.portfolio-wrap{max-width:1200px;margin:50px auto;padding:20px;}
.tabs{display:flex;justify-content:center;gap:18px;margin-bottom:36px;flex-wrap:wrap}
.tab{padding:10px 22px;border-radius:30px;background:rgba(255,255,255,0.16);color:#fff;font-weight:600;cursor:pointer;backdrop-filter:blur(4px);border:2px solid transparent;transition:all .25s}
.tab.active{background:#fff;color:#6e00ff;transform:translateY(-4px);border-color:#fff}
.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.card{background:rgba(255,255,255,0.95);border-radius:12px;padding:14px;box-shadow:0 8px 20px rgba(0,0,0,0.15);transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,0.2)}
.card img{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:12px}
.card h3{font-size:20px;margin-bottom:8px;color:#222}
.card p{color:#444;margin-bottom:12px}
.btn{display:inline-block;padding:10px 16px;border-radius:8px;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));color:#fff;text-decoration:none;font-weight:600}
@media (max-width:600px){.card img{height:150px}}