body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f5f7ff,#eef4ff);color:#1d2433;margin:0;padding:0}.app{min-height:100vh;padding:1rem 0 2rem}.app.dark{background:linear-gradient(135deg,#111827,#1f2937);color:#f3f4f6}.resume-container{max-width:950px;margin:1.5rem auto;padding:2rem;border:1px solid #d8e2f0;background:#fff;box-sizing:border-box;border-radius:18px;box-shadow:0 16px 40px #0f172a14}.app.dark .resume-container{background:#1f2937;border-color:#4b5563;box-shadow:0 16px 40px #00000040}.header{display:flex;gap:1.5rem;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:1rem;flex-wrap:wrap}.header-content{flex:1}.profile-pic{width:110px;height:140px;border-radius:14px;object-fit:cover;border:2px solid #dbeafe}.title{font-size:1.05rem;font-weight:600;color:#2563eb;margin:.2rem 0 .4rem}.contact{margin:0;color:#475569;font-size:.95rem;line-height:1.6}.contact a{color:inherit;text-decoration:none}.section{margin-top:1.75rem}.section h2{color:#2563eb;margin-bottom:.75rem;font-size:1.25rem}.section h3{margin:0 0 .2rem}.item{margin-bottom:1.2rem;padding:1rem;border-radius:12px;background:#f8fbff}.app.dark .item{background:#273449}.experience-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.5rem}.company,.client,.period{margin:.2rem 0}.company{font-weight:600}.period{font-weight:600;color:#2563eb;white-space:nowrap}ul{margin-top:.4rem;padding-left:1.1rem}li{margin-bottom:.45rem;line-height:1.6}.skill-groups{display:grid;gap:1rem}.skill-group{padding:.9rem 1rem;border-radius:12px;background:#f8fbff}.app.dark .skill-group{background:#273449}.tag-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.skill-chip{padding:.4rem .7rem;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.9rem}.skill-chip.secondary{background:#e0f2fe;color:#0f766e}.footer{border-top:1px solid #e5e7eb;padding-top:1rem;text-align:center;margin-top:2rem}.controls{display:flex;justify-content:center;gap:1rem;margin:1rem auto 0}button{padding:.6rem 1rem;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:999px;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #2563eb33}@media screen and (max-width: 768px){.resume-container{padding:1rem;margin:.75rem;border-radius:14px}.header{flex-direction:column;align-items:flex-start}.profile-pic{width:96px;height:120px}.experience-header{flex-direction:column}.period{white-space:normal}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}.section p,.section li,.contact{font-size:.95rem}}@media screen and (max-width: 480px){.app{padding:.5rem 0 1rem}.resume-container{margin:.35rem;padding:.85rem}.controls{margin-top:.5rem}button{padding:.55rem .85rem}}