footer,header{background:#2d3e50}body{font-family:'Segoe UI',Arial,sans-serif;margin:0;background:linear-gradient(135deg,#f9f9f9,#fefbd5);color:#222;transition:background .3s,color .3s}header{color:#fff;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.header-left{display:flex;flex-direction:column}.header-left h1{margin:0;font-size:2.5em;letter-spacing:2px}.header-left p{margin:10px 0 0;font-size:1.2em;color:#b0bec5}.header-right a.btn,.header-right button.btn{margin-left:12px;display:inline-block;vertical-align:middle;padding:.7em 1.5em;border-radius:30px;border:none;background:linear-gradient(90deg,#373d52 0,#3e3e7e 100%);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 3px 10px #1b2238;text-decoration:none;transition:.3s}.header-right a.btn:hover,.header-right button.btn:hover{background:linear-gradient(90deg,#312f46 0,#3e3e7e 100%);transform:translateY(-2px) scale(1.06);box-shadow:0 5px 14px rgba(85,85,84,.35),0 0 12px rgba(77,76,74,.5)}.logo{height:78px;margin-right:12px}.container{max-width:1100px;margin:40px auto;padding:0 20px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.project-card{position:relative;display:flex;flex-direction:column;height:350px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#f5f3ff,#e0e7ff);box-shadow:0 4px 18px rgba(0,0,0,.08);border:1px solid rgba(180,180,255,.2);transition:transform .25s,box-shadow .3s}.project-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 10px 30px rgba(100,100,255,.25)}.project-image{width:100%;height:200px;object-fit:cover;background:#ececec;flex-shrink:0}.project-content{padding:14px 18px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.project-title{margin:0 0 8px;font-size:1.35em;color:#312e81;font-weight:700}.project-desc{font-size:1em;color:#3b3b3b;opacity:.85}.project-status{position:absolute;top:10px;right:10px;padding:5px 12px;border-radius:20px;font-size:.85em;font-weight:600;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:10}.active-project .project-status{background-color:#22c55e}.completed-project .project-status{background-color:#facc15}.projects-divider{border:0;height:2px;background:linear-gradient(to right,#373d52,#3e3e7e);margin:40px 0}body.dark-mode{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#f1f1f1}body.dark-mode header{background:#121212;color:#f1f1f1}body.dark-mode header p{color:#ccc}body.dark-mode .header-right a.btn,body.dark-mode .header-right button.btn{background:linear-gradient(90deg,#232323 0,#3a3a3a 100%);color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.4)}body.dark-mode .header-right a.btn:hover,body.dark-mode .header-right button.btn:hover{background:linear-gradient(90deg,#303030 0,#4a4a4a 100%)}body.dark-mode .project-card{background:#2b2b2b;color:#f1f1f1;box-shadow:0 2px 8px rgba(0,0,0,.6)}body.dark-mode .project-title{color:#bcd3e9}body.dark-mode .project-desc{color:#e2e2e2}body.dark-mode footer{background:#121212;color:#aaa}footer{color:#b0bec5;text-align:center;padding:20px 0;margin-top:40px}@media (max-width:768px){header{flex-direction:column;text-align:center}.header-right{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.project-image{max-height:150px}}@media (max-width:480px){header h1{font-size:1.4em}.project-desc,header p{font-size:.9em}.project-title{font-size:1.1em}}