*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0}.nav-link{color:#fff;text-decoration:none;font-style:italic;font-size:1rem;opacity:.82;transition:opacity .2s;position:relative;white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:#fff;transition:width .22s ease}.nav-link:hover{opacity:1}.nav-link:hover:after{width:100%}.project-card{display:block;width:240px;flex:0 0 240px;border-radius:12px;overflow:hidden;text-decoration:none;cursor:pointer;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.09);transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-7px);box-shadow:0 14px 36px rgba(61,82,160,.22)}.skill-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;border:2px solid #dde3f0;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:default}.skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 28px rgba(61,82,160,.18);border-color:#3d52a0}.connect-btn{display:inline-flex;align-items:center;gap:9px;margin:8px;padding:14px 28px;font-size:1rem;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;letter-spacing:.3px;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.connect-btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.22);filter:brightness(1.08)}